Dagujang

cara membuat Menu dan Submenu

kang maryono 0 blog June 29, 2013

<span style="font-size: small;">kali ini saya akan mepostingkan pengalaman saya untuk kalian cara membuat menu dan submenunya </span><br />
<span style="font-size: small;">caranya sangat mudah tingga kita jeli saja dalam pembuatannya tetapi sekarang ini lebih mudah karena sudah ada menu horizontal yang suadah jadi tinggal kita isi saja dengan ke inginan kita sendiri</span><br />
<br />
<span style="font-size: small;">begini caranya :</span><br />
<span style="font-size: small;">- pertama kita masuk ke template</span><br />
<span style="font-size: small;">- kemudian edit HTML</span><br />
<span style="font-size: small;">- cari kode </span><br />
<span style="font-size: small;"><span style="background-color: #eeeeee;"></span></span><br />
<blockquote class="tr_bq">
<blockquote class="tr_bq">
<span style="font-size: small;">  <b></div><br />    </div><br /><style></b></span><br />
<b><br /></b>
<b><span style="font-size: small;"><div class='main-outer'></span></b></blockquote>
</blockquote>
- <b>copy paste</b> kode di bawah ini :  tepat di atas kode   <b><span style="font-size: small;"><div class='main-outer'></span></b><br />
<br />
<div style="background: #eeeeee; height: 200px; overflow: auto; width: 400;">
/* -- Menu Horizontal + Sub Menu-- */<br />
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}<br />
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #424242 0px 1px 0px;border-right:1px solid #156994;}<br />
#cat-nav a:hover { color:#fff; }<br />
#cat-nav li:hover { background:#1feb15; }<br />
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}<br />
#cat-nav .nav-description { display:block; }<br />
#cat-nav a:hover span { color:#fff; }<br />
#secnav, #secnav ul { position:relative; z-index:200; margin:0; padding:0; list-style:none; line-height:1; background:#156994; }<br />
#secnav a { font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}<br />
#secnav li { float:left; width: auto; height:35px;}<br />
#secnav li ul  { position: absolute; left: -999em; width: 300px; top:35px}<br />
#secnav li ul li  { height:30px; border-top:1px solid #fff; }<br />
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:280px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }<br />
#secnav li ul ul  { margin: -30px 0 0 280px; }<br />
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }<br />
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }<br />
#secnav li:hover,#secnav li.hover  { position:static; }<br />
#cat-nav #secnav {width:100%;margin:0 auto;}<br />
</style><br />
<div id='cat-nav'><br />
<ul class='fl' id='secnav'><br />
<li><a href='http://dagujang.blogspot.com/'><b><blink>@</blink></b></a></li><br />
 <li><a href='<span style="color: red;">#</span>'><span style="color: lime;">terbaru</span></a></li><br />
<li><a href='<span style="color: red;">#</span>'><span style="color: lime;">menu A</span></a><br />
<ul id='sub-custom-nav'><br />
 <li><a href='<span style="color: red;">#</span>'><span style="color: lime;">Submenu A1</span></a></li><br />
<li><a href='<span style="color: red;">#</span>'><span style="color: lime;">Submenu A2</span></a></li><br />
</ul><br />
</li><br />
<li><a href='<span style="color: red;">#</span>'><span style="color: lime;">menu B</span></a><br />
<ul id='sub-custom-nav'><br />
<li><a href='<span style="color: red;">#</span>'><span style="color: lime;">Submenu B1</span></a></li><br />
<li><a href='<span style="color: red;">#</span>'><span style="color: lime;">Submenu B2</span></a></li><br />
</ul><br />
</li><br />
<li><a href='<span style="color: red;">#</span>'><span style="color: lime;">menu C</span></a><br />
<ul id='sub-custom-nav'><br />
<li><a href='<span style="color: red;">#</span>'><span style="color: lime;">Submenu C1</span></a></li><br />
<li><a href='<span style="color: red;">#</span>'><span style="color: lime;">Submenu C2</span></a></li><br />
</ul><br />
</li><br />
<li><a href='http://dagujang.blogspot.com/'><b><blink>#</blink></b></a></li><br />
</ul><br />
</div></div>
<br />
- setelah di paste <b>ganti</b> tanda <span style="color: red;">#</span> dengan URL dan tulisan berwarna hijau dengan judul URL<br />
- simpan template<br />
- lihat hasil jadinya<br />
sekian mudah mudahan lancarnya sahabat

cara membuat Menu dan Submenu

kali ini saya akan mepostingkan pengalaman saya untuk kalian cara membuat menu dan submenunya caranya sangat mudah tingga kita jeli saja d...