Gudang Menu

Home » Archives for 2011

Cara Membuat Corp Blue CSS Menu

Corp blue css menu ini akan tampil sempurna dengan background putih ( lihat
Demo) dan pada tab akan tampak putih tebal dengan background hitam(lihat Demo) ,

adapun cara untuk membuat menu tersebut adalah:
1 Sign in ke blogger dengan ID anda
2 Click layout tab
3 Click Edit HTML tab
4 Click Download Full Template, simpan template anda untuk backup data
5 Letakan CSS code di bawah ini diatas kode ]]></b:skin>

/*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */  #tabs {  float:left;  width:100%;  font-size:93%;  line-height:normal;  border-bottom:1px solid #666;  margin-bottom:1em; /*margin between menu and rest of page*/  overflow:hidden;  }  #tabs ul {  margin:0;  padding:10px 10px 0 0px;  list-style:none;    }  #tabs li {  display:inline;  margin:0;  padding:0;  }  #tabs a {  float:left;  background:url("http://gudang-project.do.am/horizontal-men/corp-blue/image/left.png") no-repeat left top;  margin:0;  padding:0 0 0 6px;  text-decoration:none;  }  #tabs a span {  float:left;  display:block;  background:url("http://gudang-project.do.am/horizontal-men/corp-blue/image/right.png") no-repeat right top;  padding:6px 15px 4px 6px;  margin-right:2px;  color:#FFF;  }  /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span {float:none;}  /* End IE5-Mac hack */ #tabs a:hover span {  }  #tabs a:hover {  background-position:0% -42px;  }  #tabs a:hover span {  background-position:100% -42px;  }

6.Kode Html copy kode di bawah ini dan pastekan diantara kode <body> dan kode </body> di mana anda ingin menampilkan menu tersebut

7.Klik save templete button
8.selesai...

Baca Selengkapnya »»

Cara Membuat Uber Round Color Tabs menu

Uber round color tabs menu adalah sebuah menu css warna tebal dengan tab-tab yang berbentuk bulat pada tiap-tiap sisinya (lihat Demo)

dan adapun cara pembuatanya adalah :
1 Sign in ke blogger dengan ID anda
2 Click layout tab
3 Click Edit HTML tab
4 Click Download Full Template, simpan template anda untuk backup data
5 Letakan CSS code di bawah ini diatas kode ]]></b:skin>

/*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .ubercolortabs{ padding: 0; width: 100%; overflow: hidden; background: transparent; }  .ubercolortabs ul{ font: bold 11px Arial, Verdana, sans-serif; margin: 0; padding: 0; list-style: none; }  .ubercolortabs li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform: uppercase; }   .ubercolortabs a{ float: left; color: white; background: #804000 url(http://gudang-project.do.am/horizontal-men/uber-round-tab/image/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/ margin: 0 2px 0 0; padding: 0 0 1px 3px; text-decoration: none; letter-spacing: 1px; }  .ubercolortabs a span{ float: left; display: block; background: transparent url(http://gudang-project.do.am/horizontal-men/uber-round-tab/image/roundright.gif) no-repeat right top; /*right corner image*/ padding: 7px 9px 3px 6px; cursor: pointer; }  .ubercolortabs a span{ float: none; }   .ubercolortabs a:hover, .ubercolortabs li.selected a{ background-color: #AE5300; /*background color of tabs onMouseover*/ color: white; }  .ubercolortabs a:hover span{ background-color: transparent; }   .ubercolordivider{ /*CSS for horizontal line.*/ clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #804000; /*background color of horizontal line*/ border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/ }

6.Kode Html copy kode di bawah ini dan pastekan diantara kode <body> dan kode </body> di mana anda ingin menampilkan menu tersebut

7.Klik save templete button
8.selesai....

Baca Selengkapnya »»

Cara Membuat Menu Effect Timbul Versi Ke II

Cara Membuat Menu Effect Timbul Versi Ke II adalah sebuah menu yang memberikan effect timbul ketika anda mengarah kan kursor pada menu tersebut (lihat Demo) dan ini sama halnya dengan versi I (lihat disini)cuma perbedaanya hanya pada bagian css yang sedikit di ubah.

Dan adapun cara pembuatanya adalah:
1 Sign in ke blogger dengan ID anda
2 Click layout tab
3 Click Edit HTML tab
4 Click Download Full Template, simpan template anda untuk backup data
5 Letakan CSS code di bawah ini diatas kode ]]></b:skin>

6.Kode Html copy kode di bawah ini dan pastekan diantara kode <body> dan kode </body> di mana anda ingin menampilkan menu tersebut.

7.Klik save templete button
8.selesai....

Baca Selengkapnya »»

Gudang Menu

Gudang

Cara Membuat Corp Blue CSS Menu

Subcribe

Cara Membuat Uber Round Color Tabs menu

Subcribe

Cara Membuat Menu Effect Timbul Versi Ke II

Subcribe

Postingan Acak

Komentar Baru

Postingan Baru

Site Info

Kategori

Blogroll

Arsip Blog