CSS MENÜ KODLARI

17 Temmuz 2010 Cumartesi

CSS MENÜ KODLARI

Css ile hazırlanmış aşağıdaki vermiş olduğum kodları facebook fan sayfalarınıza fbml kodu olarak ekleyerek fan sayfa veya sayfalarınızın menüsünü oluşturabilirsiniz.

Css Menü Kodları ; (Gerekli bağlantıları kensi sayfanıza göre düzenleyiniz.)

/*FBML DESTEK */
/*URL: http://fbml-destek.blogspot.com */

#blueblock{
width: 180px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

</style>

<div id="blueblock">
<ul>
<li><a href="ANA SAYFA URL Sİ">Ana Sayfa</a></li>
<li><a href="VİDEOLAR URL Sİ">Videolar</a></li>
<li><a href="RESİMLER URL Sİ">Resimler</a></li>
<li><a href="NOTLAR URL Sİ">Notlar</a></li>
<li><a href="TARTIŞMA URL Sİ">Tartışma</a></li>
<li><a href="http://fbml-destek.blogspot.com">FBML DESTEK</a></li>
</ul>
</div>

DEMO;

FBML DESTEK TARAFINDAN HAZIRLANMIŞTIR.

1 yorum:

Adsız dedi ki...: Iyi bir baslangic; 24 Mayıs 2011 19:37

Sayfalar

17 Temmuz 2010 Cumartesi

CSS MENÜ KODLARI

1 yorum: