Hazirkodlarvs.TR.GG

Yatay Menu Gri

MErhabalar Şimdi Sizlere GRi-Beyaz Yata Menü Css Ve Html Kodlarını Sırayla Nereye Yapıştırcaksınız Onu Göstreceğim. Fazla Söze Gerek Yok Menü Kendini Anlatıyor Zaten

Şık Yan Menü Kodları :

Css Bölümüne Yapıştıracagınız Kodlar:

#MainMenu  {  width:500px;  height:26px;  background: url("");  margin:0;  border:0; } #tab  {  margin:0;  to
p:0; } #tab ul  {  margin:0;  padding:0;  list-style:none;  float:left; } #tab li  { display:inline;  flo
at:left;  margin:0 0 0 0 ;  padding:0; } #tab a  {  background:#000000 url("https://img.webme.com/pic/h/hazirkodlarvs/bright_036.gif") no-repeat right top;  margin:0;  padding:0;  text-decoration:none;  border:0;  display:block;  float:left; } #tab a span  {  display:block;  background:url("https://img.webme.com/pic/h/hazirkodlarvs/bleft_036.gif") no-repeat left top;  padding:0 18px 0 16px;  font-family:Arial, Helvetica, sans-serif;  font-size:11;  color:#D43F00;  font-weight:bold;  line-height:26px; } #tab a:hover,#tab li.item_active a  {  background-position:right bottom;  border-color:#000000; } #tab a:hover span,#tab li.item_active a span  {  background-position:left bottom;  color:#000000;  font-weight:bold;  font-style:normal;  text-decoration:none; } .dropmenudiv {  position:absolute;  top:0;  float:left;  display:block;  visibility:hidden;  border:0 solid #AA0000;  background: url("https://img.webme.com/pic/h/hazirkodlarvs/bleft_036.gif");  color:#AA1FAA;  z-index:100;  text-decoration:none;  padding:0; } .dropmenudiv ul  {  margin:0;  padding:0;  list-style:none; } .dropmenudiv li  {  display:inline;  margin:0;  padding:0; } .dropmenudiv a:link, .dropmenudiv a:visited {  width:500px;  margin:0;  padding:0;  display:block;  border:0 solid #000000;  color:#000000;  background:url("https://img.webme.com/pic/h/hazirkodlarvs/bleft_036.gif") no-repeat left top;  font-weight:bold;  font-style:normal;  text-decoration:none; } .dropmenudiv a span  {  float:left;  display:block;
 line-height:26px;  background:url("https://img.webme.com/pic/h/hazirkodlarvs/bright_036.gif") no-repeat right top;  padding:0 18px 0 16px;  font-family:Arial, Helvetica, sans-serif;  font-size:11;  color:#000000; } .dropmenudiv a span  {  float:none; } .dropmenudiv a:hover {  border:0 solid #000000;  background-position:left bottom;  font-weight:bold;  font-style:normal;  text-decoration:none;  color:#000000; } .dropmenudiv a:hover span  {  background-position:right bottom;  color:#000000;  font-weight:bold; } 


Şimdide Menüyü Nereye Koycaksanız( Tsarım Üstü Vs...) Oraya Yapıştıracağınız Kodlar:

<div id="MainMenu" style="width: 700px; height: 52px">
<div id="tab">
<ul>
    <li><a href="http://Hazirkodlarvs.tr.gg"><span>Hazırkodlarvs</span></a></li>
 <li><a href="http://Hazirkodlarvs.tr.gg"><span>Hazırkodlarvs</span></a></li>
  <li><a href="http://Hazirkodlarvs.tr.gg"><span>Hazırkodlarvs</span></a></li>
   <li><a href="http://Hazirkodlarvs.tr.gg"><span>Hazırkodlarvs</span></a></li>
    <li><a href="http://Hazirkodlarvs.tr.gg"><span>Hazırkodlarvs</span></a></li>
    <li>&nbsp;</li>
</ul>
</div>
</div>

Şimdide Bu kodları Yapıştırdıkdan Sonra Aşşağıdaki Gibi Bir Görünüm Alacak


ÖNİZLEME :

• Hazırkodlarvs
• Hazırkodlarvs
• Hazırkodlarvs
• Hazırkodlarvs