kelanaswandana

just for sharing

Menampilkan title pada link

Apakah Anda sudah tahu atribut “title” pada tag A HREF ? Atribut “title” tersebut berfungsi untuk menampilkan keterangan pada suatu link. Contoh:

<a href=”myfile.htm” title=”Download freeware”>Lutfian Software</a>

Jika cursor mouse diarahkan ke link tersebut maka akan muncul keterangan “Download freeware”

Iklan

19 Desember 2008 Posted by | Web Desain | 1 Komentar

Membuat browser “menari”

ingin meliaht browser anda goyang sana goyang sini ?
copykan saja code di berikut:

<html>
<HTML>
<HEAD>
<TITLE> Browser yang bisa menari</TITLE>
<script language=”JavaScript” type=”text/javascript”>
function init() {
setTimeout(“shake(3)”,1000);
setTimeout(“this.focus()”,4000);
setTimeout(“shake(3)”,4100);
}
function register()
{
var isAol = “no”;
var res = 800 ;
}
function shake(n) {
if (self.moveBy) {
for (i = 10; i > 0; i–) {
for (j = n; j > 0; j–) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}
}
}
}
a=275;
b=275;
r=20;
x=1;
z=1;
function rotate(r) {
while (z<=3) {
for (var i = 0; i <360; i++) {
x = (r * Math.cos((i * Math.PI)/180)) + a;
y = (r * Math.sin((i * Math.PI)/180)) + b;
window.moveTo(x,y);
}
z+= 1;
}
setTimeout(“shake(3)”,10000);
}
</script>
</HEAD>
<BODY ONLOAD=”init()” BGCOLOR=”Black”>
</BODY>
</HTML>

19 Desember 2008 Posted by | Web Desain | Tinggalkan komentar

Background warna pada teks

Mungkin Anda ingin menonjolkan tulisan tertentu pada halaman web Anda. Untuk itu Anda bisa memakai CSS berikut ini :

<span style=”background-color:yellow”>Text yang ada background warna </span>

CSS di atas akan menghasilkan tulisan seperti di bawah ini :

Text yang ada background warna

Sedangkan untuk menampilkan background warna pada link, Anda perlu menambahkan kode berikut di antara tag <head> dan </head>.

<style type=”text/css”>
<!–
A:hover {background-color: orange}
–>
</style>

19 Desember 2008 Posted by | Web Desain | Tinggalkan komentar

Menampilkan keterangan pada link

Mungkin halaman web Anda mempunyai banyak link, sehingga jika tidak disertai keterangan yang jelas orang akan bingung, link tersebut akan menuju ke mana ? Dengan javascript berikut Anda dapat menambahkan keterangan untuk link Anda. Sebagai contoh dapat dilihat di sini :

<script>
<!–
function showtip(tip){
document.tool.tip.value=tip
}
file://–>
</script>

<A href=”http://www.lutfian.com&#8221; onMouseover=”showtip(‘Download freeware dan shareware!’)” onMouseout=”showtip(”)”> Lutfian Software</A>

19 Desember 2008 Posted by | Web Desain | Tinggalkan komentar

Mencegah Klik Kanan

Tambahkan kode javascript berikut ini diantara tag <head> dan </head> halaman web Anda untuk mendisable klik kanan.

<script language=”JavaScript”>
<!–
var popup=”Sorry ya !!!\n\nThis Site Copyright
©2000″;
function noway(go) {
if (document.all) {
if (event.button == 2) {
alert(popup);
return false;
}
}
if (document.layers) {
if (go.which == 3) {
alert(popup);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=noway;
// –> </script>

19 Desember 2008 Posted by | Web Desain | Tinggalkan komentar