Cara membuat menu horizontal

Written By Ahmad on Friday, September 17, 2010 | 13:59


Tuh Sob ScreenShot Dari Menu Horizontal yang akan Kita Bahas. Atau jika ingin jelas lihat di blog ini. Ok langsung Aja :
  • Pertama, Masuk Ke blogger
  • Rancangan
  • Edit Html *Centang Expand Template Widget
  • Copy Code CSS berikut di atas Kode ]]>
/************** MENU / SEARCH *****************/
Don;t Edit This Code " wWw.Blaze-Hack.Co.Cc"
#menu {
float: left;
width: 955px;
height: 29px;
margin: 0px 10px 0px 5px;
background-image:url('http://4.bp.blogspot.com/_jA-SP6SAtfY/Sp8Yr3-bqiI/AAAAAAAAA3c/B3H_WxiHZn0/s1600/menu_bg.gif');
background-repeat: no-repeat;
display: inline; }

#main_menu {
float: left;
display: inline; }

#main_menu ul {
float: left;
margin: 1px 0px 0px 8px;
padding: 0px;
list-style-type: none;
display: inline; }

#main_menu ul li {
float: left;
font-size: 11px;
color: #dee8f6;
display: inline;
margin: 0px;
padding: 0px; }

#main_menu li a {
text-align: center;
padding-right: 12px;
padding-left: 12px;
color: #333333;
text-decoration: none;
text-transform: uppercase;
display: block;
height: 26px;
line-height: 25px;
float: left;
padding-top: 1px;
font-weight: bold;
display: inline;
-moz-border-radius: 5px; /*
border: 1px solid #CCCCCC;
*/
border-radius: 5px;
margin: 0px 2px 0px 2px; }

#main_menu li a:hover {
background-color: #666666;
color: #FFFFFF; }

/* search form */
#searchform {
width: 205px;
float: right;
font-size: 12px;
padding: 0;
margin-right: 5px; }

#searchform #s {
background: #ffffff ;
width: 158px;
padding: 2px 7px 2px 5px;
color: #999;
border: 1px solid #888;
margin: 0;
margin-top: 6px; }

#searchform #searchsubmit {
background: url(http://lh4.ggpht.com/_GxuemnBfQlA/StqK27EKrNI/AAAAAAAAATU/dKnYoHq-4Y4/search-button.png) no-repeat 0 0;
height: 22px;
width: 22px;
border: none;
cursor: pointer;
text-indent: -999%;
line-height: 1px;
margin: 0; }
  • Selamat Mencoba

Ditulis Oleh : Ahmad ~Saling Berbagi

Muh.Akram Anda sedang membaca artikel berjudul Cara membuat menu horizontal yang ditulis oleh Saling Berbagi yang berisi tentang : Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: 13:59

0 komentar:

Post a Comment

Pulsa Listrik

Jual Pulsa Listrik Online

SEO SCORE

SEO Reports for ahmadmuyassar.blogspot.com

Blogger Indonesia

Saling Berbagi© 2014. All Rights Reserved.
SEOCIPS Areasatu