- Katılım
- 6 Ocak 2014
- Mesajlar
- 24
- Reaction score
- 0
Kod Resmi
Kod Açıklaması
Kod İçerisinde [<a href =" ....">] Deki "..." Lı Kısımı Değiştiriniz Gerisine Dokunmayınız...
Kod Önizleme
DEMOYA BAKMAK İÇİN TIKLA
Sitene Ekliyecegin Kod
CSS
HTML KOD

Kod Açıklaması
Kod İçerisinde [<a href =" ....">] Deki "..." Lı Kısımı Değiştiriniz Gerisine Dokunmayınız...
Kod Önizleme
DEMOYA BAKMAK İÇİN TIKLA
Sitene Ekliyecegin Kod
CSS
HTML:
<!-- somutkod.blogspot.com -->
<!-- Kod Paylasim Merkezi -->
#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);
}
<!-- Kod Paylasim Merkezi -->
<!-- somutkod.blogspot.com -->
HTML:
<!-- somutkod.blogspot.com -->
<!-- Kod Paylasim Merkezi -->
<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><!-- Kod Paylasim Merkezi -->
<!-- somutkod.blogspot.com -->