<div class="tab-menu">
<ul id="tab-menu">
<li>Facebook</li>
<li>Twitter</li>
<li>Google</li>
</ul>
<div style="clear:both"></div>
<div class="tab-icerik-kapsayan">
<div class="tab-icerik">
<div class="yazi-baslik">yakup : Devamlı deneme yazı</div>
<div class="yazi-yorum">elif : Devamlı deneme yazı facebook yourmları burada yer alacak bu kadar ...</div>
</div>
<div class="tab-icerik">
<div class="yazi-baslik">Yakup : Devamlı deneme yazı</div>
<div class="yazi-yorum">Elif : Devamlı deneme yazı facebook yourmları burada yer alacak bu kadar ...</div>
</div>
<div class="tab-icerik">
<div class="yazi-baslik">Yakup : Devamlı deneme yazı</div>
<div class="yazi-yorum">Elif : Devamlı deneme yazı facebook yourmları burada yer alacak bu kadar ...</div>
</div>



.tab-menu{width:360px;height:200px;float:right;margin-top:-160px}
ul#tab-menu{margin-left:10px}
ul#tab-menu li{border:2px solid #ffd200;float:left;border-bottom:0;cursorointer;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:700;font-family:calibri;padding:5px}
.tab-icerik-kapsayan{background:url(resim/tabicerik.jpg);width:340px;height:84px;padding:10p x}
.aktif-tab{background:#ffd200}
.tab-icerik{display:none}
.yazi-baslik{font-family:arial;color:#3c6c19;font-size:14px;border-bottom:1px dotted #ddd;padding-bottom:5px}
.yazi-yorum{font-family:arial;color:#898989;font-size:14px;margin-top:5px}

Resim Olarak Tab menü böyledir





Arkadaşlar Tabl Menü neden çalışmıyor Yardımcı olurmusunuz?