Diberdayakan oleh Blogger.
RSS

Membuat Menu Horisontal

Membuat Menu Horisontal ala My Lecturer


  • Cari kode  ]]></b:skin>
pasang kode berikut di atas kode ]]></b:skin>

#foxmenucontainer46{height:30px; background: transparent url() repeat; display:block; padding:0px 0 0px 0px; font: 12px sagoe print; comic sans, sans-serif; font-weight:bold; text-transform:uppercase; overflow:hidden; }
#menu46{margin: 0px; padding: 0px 10px; width:80%; background:url() repeat; height:30px; border-bottom:1px solid #dddddd; }
#menu46 ul {float: left; list-style: none; margin: 0px; padding: 0px; }
#menu46 li {float: left; list-style: none; margin: 0px; padding: 0px; }
#menu46 li a, #menu46 li a:link, #menu46 li a:visited {color: #61210B; display: block; margin: 0px; padding: 9px 15px 9px 15px; text-decoration: none; }
#menu46 li a:hover, #menu46 li a:active {background:#61210B; color: #fff; margin: 0px; padding: 9px 15px 9px 15px; text-decoration: none; }
#menu46 li li a, #menu46 li li a:link, #menu46 li li a:visited {background:#202020; width: 150px; color: #bbb; font-size: 10px; font-family: tahoma, century gothic,Georgia,  sans-serif; font-weight: normal; float: none; margin: 0px; padding: 9px 10px 9px 10px; border-bottom: 1px solid #282828; }
#menu46 li li a:hover, #menu46 li li a:active {background: #121212 ; color: #fff; padding: 9px 10px 9px 10px; }
#menu46 li ul {z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; }
#menu46 li li {  }
#menu46 li ul a {width: 140px;}
#menu46 li ul a:hover, #menu46 li ul a:active { }
#menu46 li ul ul {margin: -31px 0 0 170px; }
#menu46 li:hover ul ul, #menu46 li:hover ul ul ul,#menu46 li.sfhover ul ul, #menu46 li.sfhover ul ul ul {left: -999em;}
#menu46 li:hover ul, #menu46 li li:hover ul, #menu46 li li li:hover ul, #menu46 li.sfhover ul, #menu46 li li.sfhover ul, #menu46 li li li.sfhover ul {left: auto; }
#menu46 li:hover, #menu46 li.sfhover {position: static;}
  • Cari lagi kode 
<!-- (Header-wrapper Start) -->

    <div id='header-wrapper'>

Pasang kode berikut di bawahnya
<div id='foxmenucontainer46'>
<div id='menu46'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#' title='#'>HTML</a></li>
<li><a href='#' title='#'>CSS</a></li>
<li><a href='#' title='#'>Java Script</a></li>
<li><a href='#' title='#'>Templates</a></li>
<li><a href='#' title='#'>Register</a></li>
<li><a href='#' title='#'>Subscribe</a></li>
<li><a href='#' title='#'>About us</a></li>
<li><a href='#' title='#'>Contact</a></li>
<li><a href='#' title='#'>Privacy Policy</a></li>
</ul>
</div></div>


# gomawayo #

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

1 komentar:

echa.misslelet mengatakan...

tika,,, nda jlsq crx... msuk dmnq,,, d tata letak atw d template????

Posting Komentar

Taeyeon - Girls' generation snsd
Cursor Bertabur Bintang Dengan Warna Merah