Custom Search

Friday, November 2, 2007

javascript horizontal menu

javascript horizontal menu

membuat menu horizontal 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/csshorizontalmenu.css' rel='stylesheet' type='text/css'/>

<script src='http://catur.pramono.googlepages.com/csshorizontalmenu.js' type='text/javascript'>

</script>


2. Kemudian letakan kode dibawah ini di bawah header,

<div class='horizontalcssmenu'>
<ul id='cssmenu1'>
<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>
<br style='clear: left;'/>
</div>

letakan di antara
</b:section>
..........
</div> .

CONTOH LIHAT DISINI
silakan mencoba

2 komentar:

arto smt said...

Tks... blog ini menarik. Banyak informasi yang dibutuhkan tentang edit blog dan aksesoris blog... tapi saya masih belum berhasil buat "horisontal menu", mungkin saya yang belum ngeh... bravo catoer

Arto Soemantri said...

Tks...banyak info yang saya butuhkan di blog ini... bravo inspirator. Cuman saya masih belum ber hasil untuk pengaturan "horisontal menu", atau smungkin belum ngeh aja...

 

© template | adbrite