javascript vertical menu
membuat menu vertical dengan javascript,di samping menggunakan file javascript disini kita juga menggunakan file css
1. Pertama-tama letakan kode di bawah ini di atas <head>
<link href='http://catur.pramono.googlepages.com/cssverticalmenu.css' rel='stylesheet' type='text/css'/>
<script src='http://catur.pramono.googlepages.com/cssverticalmenu.js' type='text/javascript'>
</script>
2. Kemudian letakan kode dibawah ini di sidebar yang anda inginkan,
<ul id="verticalmenu" class="glossymenu">
<li><a href=" http://catoer.blogspot.com/2007/10/membuat-menu-dtree-blogger-lamaklasik.html /"> banner</a></li>
<li><a href=" http://catoer.blogspot.com/2007/10/membuat-teks-area.html ">teks area</a></li>
<li><a href="http://catoer.blogspot.com">adbrite</a></li>
<li><a href="#">menu css</a>
<ul>
<li><a href="http://catoer.blogspot.com">menu vertical</a></li>
<li><a href="http://catoer.blogspot.com">menu horisontal</a></li>
<li><a href="http://catoer.blogspot.com">menu dtree</a></li>
</ul>
</li>
<li><a href="http://temblogs.blogspot.com ">template</a></li>
<li><a href="http://tikafleur.wordpress.com ">hary potter</a></li>
<li><a href="#">my blogs</a>
<ul>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
</ul>
</li>
</ul>
letakan di antara
</b:section>
..........
</div> .
Atau bisa anda letakan dengan membuka menu page element klik pada ad a page element pada sidebar yang anda inginkan,buka pada html/javascript, masukan kode diatas, klik save setting
Tapi tampilan menu akan berbeda dari tampilan menu diatas
CONTOH LIHAT DISINI
silakan mencoba
Thursday, November 1, 2007
javascript vertical menu
Diposting oleh
CATOER
di
11:32 PM
Subscribe to:
Post Comments (Atom)






































































0 komentar:
Post a Comment