Kamis, 12 April 2012

MEMASANG MENU

Menu simple:



Kode Css dan Html menu atas:
----------Css--------- :
/* --------------- Navigasi Menu by Prast ---------------- */
#toprast_menu {
height:40px;
padding:0 30px;
margin-left:-10px;
background: transparrent;
}
#toprast_menu ul {
height:52px;
margin:0;
padding:1px 0 0 0;
list-style:none;
}
#toprast_menu ul li {
padding:0;
margin:0;
display:block;
}
#toprast_menu ul li a {
float:left;
display:block;
height:37px;
padding:15px 25px 0 25px;
font-size:16px;
color:#FFFFFF;
text-align:center;
text-decoration:none;
border:1px solid #999999;
background:url(http://www.acoolsoft.com/style/images/top_bg.gif);border-top-left-radius:1em;
border-top-right-radius:1em;
}
#toprast_menu ul li a:hover,#nav_menu ul .current {
color:#0eb0ff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FntKgDfgESe6V0CrSKsG4OsNPw8cOygVpbv-nW1ZYXu3GUM05DBB7gYawwyuPylJQVXQHTm3jbgVHmebj9yatMBBRLme-gdmHAW__9Rwr5706syHxo5W05ZVZbRXBj1-2O1r9knO_K5n/s400/minimal_03_footertitle.jpg);
border:1px solid #999999;
border-top-left-radius:1em;
border-top-right-radius:1em;
}
#toprast_menu ul .last {
background:none;
padding-right: 22px
}#menu_cari {float: right;}

/* --------------- End Menu by Prast ---------------- */

cara memasang di header:

pasang sebelum kode </header>
-------------- Html -------------------:
<div id='toprast_menu'>
<ul>
<li><a href='http://www.44.com/'>HOME</a></li>
<li><a href='http://www.44.com/' title='ABOUT'>ABOUT</a></li>
<li><a href='http://www.44.com/' title='BUSINES'>BUSINES</a></li>
<li><a href='http://www.44.com/' title='VIDEO'>VIDEO</a></li>
<li><a href='http://www.44.com/' title='IMAGE'>IMAGE</a></li>
<li><a href='http://www.44.com/' title='MUSIC'>MUSIC</a></li>
<li><a href='http://www.44.com/' title='EMAIL'>CONTACT</a></li>
</ul>
</div>
--------------------------ingat sebelum header------------------
--------->    </header>