leo3641
Ana Sayfa
İletişim
Z.Defteri
Tasarımlar
Link 1
Link 2
leo3641
iletisim
1-10 Arasi
11-20 Arasi
Yatay Menu 1-5 Arasi
Ziyaretçi defteri
menu1
menu2
menu3
menu4
menu5
menu6
menu7
menu8
menu9
menu10
menu11
menu12
menu13
menu14
menu15
menu16
menu17
Yatay-Menu-6_10-Arasi
Yatay-Menu-11_15-Arasi
Yatay-Menu-16-20-Arasi
menu14
Ana Sayfa
Lİnk Adı
Link Adı
Link Adı
Link Adı
Butonları İndirmek İçin Sağ Tıklayıp Farklı Kaydet Yapın
CSS KODU :
.breadcrumb{position:relative; height:30px; width:100%;} .breadcrumb ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('../images/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(255,255,255); text-decoration:none; line-height:30px; display:block; background:url('../images/breadcrumbImage.png') 100% -60px no-repeat; padding:0 17px 0 15px; outline:none;} .breadcrumb ul li a:hover {text-decoration:underline; color:rgb(255,255,255);} .breadcrumb ul li a.active{background:none; color:rgb(255,255,255);} .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('../images/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('../images/breadcrumbImage.png') 100% -90px no-repeat; }
HTML KODU :
Ana Sayfa
Lİnk Adı
Link Adı
Link Adı
Link Adı
Ana Sayfaya Dön
Başa Dön
Alıntı