MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda


SYAMSUDINNAMAKU telah hadir

Membuat Rollover Tombol Background


Ini adalah sebuah script yang membuat setiap button
atau tombol menjadi berubah warna manakala
cursor diletakkan tepat di atasnya.

Contohnya seperti terlihat di bawah ini :






Untuk membuat, langkahnya adalah sebagai berikut :


1.   Rancangan -> Tambah Gadget
      Pilih HTML/JavaScript.

2.   Masukkan dalam kontennya
      kode yang ada di bawah ini
      kemudian simpan.

<form onmouseout="change(event, 'lime')" onmouseover="change(event, 'yellow')">
<input class="initial2" onclick="jumpto2('URL 1 Anda di sini')" type="button" value="Judul link 1" /> 
<input class="initial2" onclick="jumpto2('URL 2 Anda di sini')" type="button" value="Judul link 2" /> 
<input class="initial2" onclick="jumpto2('URL 3 Anda di sini')" type="button" value="Judul link 3" />
<input class="initial2" onclick="jumpto2('URL 4 Anda di sini')" type="button" value="Judul link 4" />
</form>

KETERANGAN :

Ubahlah warna tombol sebelum dan sesudah
disorot cursornya, pada kode :
change(event, 'yellow')
change(event, 'lime')

Masukkan Link Anda pada kode
URL 1 - 4 Anda di sini

Ganti Judul link 1 - 4 dengan
Judul link yang Anda masukkan.

3.   Kemudian masuk ke Edit HTML.

4.   Cari kode </head>

5.   Copy kode yang ada di bawah ini dan
      paste di atas kode </head> ini,
      lalu simpanlah template anda.

<style type="text/css">
.initial2{font-weight:bold;background-color:lime}
</style>

<script type="text/javascript">
<!--

//Specify optional button target: "_new" for new window, or name of FRAME target (ie "myframe")
var buttontarget=""

function change(e, color){
var el=window.event? event.srcElement: e.target
if (el.tagName=="INPUT"&&el.type=="button")
el.style.backgroundColor=color
}

function jumpto2(url){
if (buttontarget=="")
window.location=url
else if (buttontarget=="_new")
window.open(url)
else
parent[buttontarget].location=url
}

//-->
</script>

Selamat mencoba, good luck!


0 comments:

Posting Komentar