Sitene Renkli Menu - Sadece Burada

Kod Resmi

Kod Açıklaması

Kod İçerisinde [<a href =" ....">] Deki "..." Lı Kısımı Değiştiriniz Gerisine Dokunmayınız...

Kod Önizleme

Demo

Sitene Ekliyecegin Kod

Css

#somutkodenust{margin-top:-2px;  width:789px;  height:29px; border-radius:5px 5px 0 0; background:  #E7F9FF
url(http://img.webme.com/pic/b/belenlee-tr/blogv3ustmn.png)repeat left; 
color:white;
font-size:12px;
font-family:verdana;

margin-left:auto;
margin-right:auto;
box-shadow:0 0 5px #5A5A5A;
 }

#somutkodust{  width:789px;  height:105px; border-radius:0 0 5px 5px; background:  #ffffff
url(http://img.webme.com/pic/f/fbmlkodarsiv/sag-bayrak-ekle.gif)no-repeat top right; 
color:gray;
box-shadow:0 0 5px #5A5A5A;
margin-left:auto;
margin-right:auto;
 filter: alpha(opacity=80);
    opacity: 0.8;
 }

#somutkodustmenu{margin-top:7px;  width:789px;  height:51px; border: px solid #ffffff; border-radius:7px 7px 7px 7px; background:  #F3F3F3 url(http://img.webme.com/pic/t/tasarimkurdu/renklimnu1.png)repeat; 
color:white;
font-size:14px;
font-family:verdana;
text-shadow: 2px 2px 1px #000000; 
margin-left:auto;
margin-right:auto;
clear:both;

}

#somutkodmenuu { 
    list-style-type: none; 
    padding: 1px; 
    margin-left: 0px;

} 
#somutkodmenuu li {

display: inline; 
} 
#somutkodmenuu li a {

border-radius:0;
font-size:11px;
font-family: Arial;
    text-decoration: none; 
   padding: .4em 0.5em;
    color: #68C8E6;
    background-color: none;
} 
#somutkodmenuu li a:hover
{
text-shadow: 0 0 15px #000000; 
border-radius:3px 3px 3px 3px; 
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
  padding: .4em 0.5em;
  color: #ffffff;
background: none; url(http://img.webme.com/pic/u/upload-resim/beyazz.png); 
}

Html Kod

<div id="somutkodustmenu"><table width="800" border="0" cellpadding="0" cellspacing="0" align="center" height="45">
    <tbody>
        <tr>
            <td width="150"><div class="somutkodmenusovv"><a href="http://somutkod.blogspot.com.tr/"><img src="http://img.webme.com/pic/b/bskurdu/rasayfa.png" border="0" alt="Ana Sayfa / Somutkod" /></a></div></td>
            <td width="150" style="text-align: center;"><div class="somutkodmenusovv"><a href="http://facebook.com/optimisttm"><img src="http://img.webme.com/pic/b/bskurdu/itesim.png" border="0" alt="İletisim / Somutkod" /></a></div></td>
            <td style="text-align: center;"><div class="somutkodmenusovv"><a href="#Sonyorumlar"><img src="http://img.webme.com/pic/b/bskurdu/yrum.png" border="0" alt="Son Yorumlar / Somutkod" /></a></div></td>
            <td width="155" align:center;><div class="somutkodmenusovv"><a href="http://somutkod.blogspot.com/search/label/tema"><img src="http://img.webme.com/pic/b/bskurdu/tasarims.png" border="0" alt="Temalar / Somutkod" /></a></div></td>
            <td width="155"><div class="somutkodmenusovv"><a href="#Hakkımda"><img src="http://img.webme.com/pic/b/bskurdu/hak.png" border="0" alt="Hakkımda / Somutkod" /></a></div></td>
        </tr>
    </tbody>
</table>
 </div>