CSS başlığı altında
Kod: Tümünü seç
/* Generated via www.cssmenubuilder.com */
.breadcrumb{position:relative; height:30px; width:100%;}
.breadcrumb ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline;}
.breadcrumb ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(181,172,172); text-decoration:none; line-height:30px; display:block; background:url('breadcrumbImage.png') 100% -60px no-repeat; padding:0 17px 0 15px; }
.breadcrumb ul li a:hover {text-decoration:underline; color:rbg(255,199,59);}
.breadcrumb ul li a.active{background:none; color:rgb(173,170,170);}
.breadcrumb ul li a.active:hover {text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('breadcrumbImage.png') 100% -90px no-repeat; }
Kod: Tümünü seç
<div class="breadcrumb">
<span class="left"></span>
<ul>
<li><a href="http://www.fcbarcelonaturkiye.com/" target="_blank">Ana Sayfa</a></li>
<li><a href="http://fcbarcelonaturkiye.com/index.php/haberler.html" target="_blank">Haberler</a></li>
<li><a href="http://www.fcbarcelonaturkiye.com/index.php/camp-nou/la-masia.html" target="_blank">La Masia</a></li>
<li><a href="http://www.fcbarcelonaturkiye.com/index.php/puan-durumu.html" target="_blank">Puan Durumu</a></li>
<li><a href="http://www.fcbarcelonaturkiye.com/index.php/oyuncular.html" target="_blank">Oyuncular</a></li>
<li><a href="http://www.fcbarcelonaturkiye.com/index.php/tarihce.html" target="_blank">Tarihçe</a></li>
<li><a href="http://www.facebook.com/group.php?gid=17379343893" target="_blank">Facebook Grup</a></li>
<li><a href="http://twitter.com/fcb_turkiye" class="active" target="_blank">Twitter</a></li>
</ul>
<span class="right"></span>
</div>