CSS İLE HAZIRLANMIŞ DİKEY MENÜ

Facebook fan sayfaları için css ile hazırlanmış olan aşağıdaki vermiş olduğum menü kodlarını, gerekli bağlantıları sayfanıza göre düzenledikten sonra sayfanıza fbml olarak ekleyerek sayfanızın hoş bir menüye sahip olmasını sağlayabilirsiniz.

Css Menü Kodları ;

<style type="text/css">
#menu {
 width: 184px;
 border: 1px solid #ccc;
 text-align:left;
 }
#menu ul {
 margin:0;
 padding:0;
}

#menu li a {
   height: 32px;
   voice-family: "\"}\"";
   voice-family: inherit;
   height: 24px;
 text-decoration: none;
 }

#menu li a:link, #menu li a:visited {
 color: #888;
 display: block;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-K600lH0Gyju84aQ_tQV829K1AqyYhELl870jlEdKbVcAHCXkCv0jwRwDl213-T6zi6lCSt3Nno-F4bNeY_2RAp-wqVXpQ0nuSqvoylInCfCnAVboLNpMhcGlPMSMRxvj3I7o5hcuV8i3/s1600/33az32x.jpg.gif);
 padding: 8px 0 0 30px;
 }

#menu li a:hover, #menu li a:active {
 color: #283A50;
 background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-K600lH0Gyju84aQ_tQV829K1AqyYhELl870jlEdKbVcAHCXkCv0jwRwDl213-T6zi6lCSt3Nno-F4bNeY_2RAp-wqVXpQ0nuSqvoylInCfCnAVboLNpMhcGlPMSMRxvj3I7o5hcuV8i3/s1600/33az32x.jpg.gif) 0 -32px;
 padding: 8px 0 0 30px;
 }

#menu ul li {
 font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
 font-size: 11px;
 list-style-type:none;
}

</style>
<div id="menu">
<ul>

<li><a href="SAYFANIZIN_DUVAR_SEKMESİNİN_LİNKİ" title="Duvar">» Duvar</a></li>

<li><a href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" title="Bilgiler">»
Bilgiler</a></li>

<li><a href="SAYFANIZIN_(VARSA)_KURALLAR_SEKMESİNİN_LİNKİ" title="Kurallarımız" target="_blank">» Kurallarımız</a></li>

<li><a href="SAYFANIZIN_(VARSA)_YOUTUBE_SEKMESİNİN_LİNKİ" title="YouTube" target="_blank">» YouTube</a></li>

<li><a href="SAYFANIZIN_VIDEO_SEKMESİNİN_LİNKİ" title="Videolar" target="_blank">» Video</a></li>

<li><a href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" title="Tartışmalar" target="_blank">» Tartışmalar</a></li>

<li><a href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" title="Notlar" target="_blank">»
Notlar</a></li>

<li><a href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" title="Fotoğraflar" target="_blank">» Fotoğraflar</a></li>

<li><a href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" title="Bağlantılar" target="_blank">» Bağlantılar</a></li>

<li><a href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" title="Değerlendirmeler" target="_blank">» Değerlendirmeler</a></li>

<li><a href="http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=MSN_ID_NUMARANIZ@apps.messenger.live.com&mkt=tr-TR" title="Sayfa Kurucusu ile MSN üzerinden irtibata geçebilirsiniz" class=" profile_action actionspro_a" target="_blank" onmousedown='UntrustedLink.bootstrap($(this), "", event)'>» Admin İletişim (MSN)</a></li>

<li><a href="http://www.facebook.com/inbox/?compose&id=SAYFA_KURUCUSUNUN_ID_NUMARASI" title="Buradan Sayfa kurucusuna facebook üzerinden mesaj göndebilirsiniz" class=" profile_action actionspro_a" target="_blank">» Admin İletişim (fb)</a></li>
</ul>
</div>

Örnek Görüntüsü ;

Sayfalar

7 Ağustos 2010 Cumartesi

CSS İLE HAZIRLANMIŞ DİKEY MENÜ

0 yorum: