Anasayfa / Genel / css fbml menü kodları
Öne Çıkan İçerikler
Keşfet
Diğer İçerikleri
Panolarım
Tüm İçeriklerim

fbmlkodlarihtml

2 yıl önce

css fbml menü kodları

css fbml menü kodları, fbml kodları, fbml, bfml html kodları, facebook fbml kodları

CSS FBML MENÜ KODLARI :.
  
TURUNCU CSS MENÜ KODU <!-- http://blogevim.com Men&uuml; Kodu--> <style type="text/css"> .fbmlkodcom { width: 185px; } .fbmlkodcom .headerbar { padding: 7px 0pt 7px 31px; background: #20a020 url(http://i40.tinypic.com/2rzea37.jpg) no-repeat scroll 8px 6px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: white; margin-bottom: 0pt; text-transform: uppercase; } .fbmlkodcom ul { margin: 0pt; padding: 0pt; list-style-type: none; } .fbmlkodcom ul li { padding-bottom: 2px; } .fbmlkodcom ul li a { padding: 5px 0pt 5px 8px; background: #ffa000 none repeat scroll 0pt 0px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; font-size-adjust: none; font-stretch: normal; color: black; display: block; line-height: 17px; text-decoration: none; } .fbmlkodcom ul li a:visited { color: black; } .fbmlkodcom ul li a:hover { background: #20a020 none repeat scroll 0pt 0px; color: white; } </style> <div class="fbmlkodcom"> <h3 class="headerbar">MENÜ</h3> <ul> <li><a href="SAYFANIZIN_DUVAR_SEKMESİNİN_LİNKİ" title="Duvar"><b>» Duvar</b></a></li> <li><a href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" title="Bilgiler"><b>» Bilgiler</b></a></li> <li><a href="SAYFANIZIN_(VARSA)_KURALLAR_SEKMESİNİN_LİNKİ" title="Kurallarımız" target="_blank"><b>» Kurallarımız</b></a></li> <li><a href="SAYFANIZIN_(VARSA)_YOUTUBE_SEKMESİNİN_LİNKİ" title="YouTube" target="_blank"><b>» YouTube</b></a></li> <li><a href="SAYFANIZIN_VIDEO_SEKMESİNİN_LİNKİ" title="Videolar" target="_blank"><b>» Video</b></a></li> <li><a href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" title="Tartışmalar" target="_blank"><b>» Tartışmalar</b></a></li> <li><a href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" title="Notlar" target="_blank"><b>» Notlar</b></a></li> <li><a href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" title="Fotoğraflar" target="_blank"><b>» Fotoğraflar</b></a></li> <li><a href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" title="Bağlantılar" target="_blank"><b>» Bağlantılar</b></a></li> <li><a href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" title="Değerlendirmeler" target="_blank"><b>» Değerlendirmeler</b></a></li> <h3 class="headerbar">YARDIM</h3> <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" rel="nofollow" onmousedown='UntrustedLink.bootstrap($(this), "", event)'><b>» Admin İletişim (MSN)</b></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"><b>» Admin İletişim (facebook)</b></a></li> </ul> </div> <!-- http://blogevim.com Men&uuml; Kodu-->
MAVİ CSS MENÜ KODU <!-- http://blogevim.com Men&uuml; Kodu --> <style type="text/css"> #fbmlkodcom { width: 190px; border: 1px solid #ccc; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: bold; font-size: 13px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: white; margin-bottom: 0pt; } #fbmlkodcom li a { height: 32px; voice-family: ""}""; voice-family: inherit; height: 24px; text-decoration: none; } #fbmlkodcom li a:link, #fbmlkodcom li a:visited { color: white; display: block; background: url(http://i40.tinypic.com/2hg778w.jpg); padding: 8px 0 0 30px; } #fbmlkodcom li a:hover, #fbmlkodcom li a:active { color: yellow; background: url(http://i40.tinypic.com/2hg778w.jpg) 0 -32px; padding: 8px 0 0 30px; } </style> <!-- Duvar --> <div id="fbmlkodcom"> <li><a href="SAYFANIZIN_DUVAR_SEKMESİNİN_LİNKİ" title="Duvar"><b>» Duvar</b></a></li> <!-- Bilgiler --> <li><a href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" title="Bilgiler"><b>» Bilgiler</b></a></li> <!-- Kurallar&#305;m&#305;z --> <li><a href="SAYFANIZIN_(VARSA)_KURALLAR_SEKMESİNİN_LİNKİ" title="Kurallarımız" target="_blank"><b>» Kurallarımız</b></a></li> <!-- YouTube --> <li><a href="SAYFANIZIN_(VARSA)_YOUTUBE_SEKMESİNİN_LİNKİ" title="YouTube" target="_blank"><b>» YouTube</b></a></li> <!-- Video --> <li><a href="SAYFANIZIN_VIDEO_SEKMESİNİN_LİNKİ" title="Videolar" target="_blank"><b>» Video</b></a></li> <!-- Tart&#305;&#351;malar --> <li><a href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" title="Tartışmalar" target="_blank"><b>» Tartışmalar</b></a></li> <!-- Notlar --> <li><a href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" title="Notlar" target="_blank"><b>» Notlar</b></a></li> <!-- Foto&#287;raflar --> <li><a href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" title="Fotoğraflar" target="_blank"><b>» Fotoğraflar</b></a></li> <!-- Ba&#287;lant&#305;lar --> <li><a href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" title="Bağlantılar" target="_blank"><b>» Bağlantılar</b></a></li> <!-- De&#287;erlendirmeler --> <li><a href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" title="Değerlendirmeler" target="_blank"><b>» Değerlendirmeler</b></a></li> <!-- Admin &#304;leti&#351;im (MSN) --> <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" rel="nofollow" onmousedown='UntrustedLink.bootstrap($(this), "", event)'><b>» Admin İletişim (MSN)</b></a></li> <!-- Admin &#304;leti&#351;im (facebook) --> <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"><b>» Admin İletişim (fb)</b></a></li> </ul> </div> <!-- http://blogevim.com Men&uuml; Kodu -->
MAVİ KATEGORİLİ CSS MENÜ KODU <!-- http://blogevim.com Men&uuml; Kodu --> <style type="text/css"> #maviblokmenu{ border: 1px solid black; border-bottom-width: 0; width: 185px; } #maviblokmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } #maviblokmenu li a{ display: block; padding: 3px 0; padding-left: 9px; width: 169px; text-decoration: none; color: white; background-color: #2175dd; border-bottom: 1px solid #90bade; border-left: 7px solid #1958b7; } * html #maviblokmenu li a{ width: 169px; width: 169px; } #maviblokmenu li a:hover { background-color: #000069; border-left-color: #000099; } #maviblokmenu div.menutitle{ color: white; border-bottom: 1px solid black; padding: 1px 0; padding-left: 5px; background-color: black; font: bold 100% 'Trebuchet MS', Arial, sans-serif; } </style> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /></p> <div id="maviblokmenu" style="WIDTH: 171px; HEIGHT: 315px"> <div class="menutitle">BİRİNCİ BAŞLIK</div> <ul> <li><a href="1.URL">BUTON ADI</a> </li> <li><a href="2.URL">BUTON ADI</a> </li> <li><a href="3.URL">BUTON ADI</a> </li> <li><a href="4.URL">BUTON ADI</a> </li> </ul> <div class="menutitle">İKİNCİ BAŞLIK</div> <ul> <li><a href="1.URL">BUTON ADI</a> </li> <li><a href="2.URL">BUTON ADI</a> </li> <li><a href="3.URL">BUTON ADI</a> </li> <li><a href="4.URL">BUTON ADI</a> </li> </ul> <div class="menutitle">ÜÇÜNCÜ BAŞLIK</div> <ul> <li><a href="1.URL">BUTON ADI</a> </li> <li><a href="2.URL">BUTON ADI</a> </li> <li><a href="3.URL">BUTON ADI</a> </li> <li><a href="4.URL">BUTON ADI</a> </li> </ul> </div> <!-- http://blogevim.com Men&uuml; Kodu -->
KIRMIZI KATEGORİLİ CSS MENÜ KODU <!-- http://blogevim.com Men&uuml; Kodu --> <style type="text/css"> #kirmiziblokmenu{ border: 2px solid black; border-bottom-width: 0; width: 185px; } #kirmiziblokmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } #kirmiziblokmenu li a{ display: block; padding: 11px 0; padding-left: 9px; width: 161px; text-decoration: none; color: black; background-color: #990000; border-bottom: 1px solid #90bade; border-left: 7px solid #ff3333; border-right: 7px solid #ff3333; } * html #kirmiziblokmenu li a{ width: 180px; width: 340px; } #kirmiziblokmenu li a:hover { background-color: #ffff99; border-left-color: #990000; border-right-color: #990000; } #kirmiziblokmenu div.menutitle{ color: #ff3333; border-bottom: 1px solid black; padding: 5px 0; padding-left: 7px; background-color: Black; font: bold 100% 'Trebuchet MS', Arial, sans-serif; } </style> <div id="kirmiziblokmenu" style="width: 184px; height: 480px"> <div class="menutitle">└► MENÜ</div> <ul> <li><a href="SAYFANIZIN LİNKİ"><b>► Duvar</b></a></li> <li><a href="SAYFANIZIN FOTOĞRAFLAR LİNK"><b>► Fotoğraflar</b></a></li> <li><a href="SAYFANIZIN VİDEOLAR LİNKİ"><b>► Videolar</b></a></li> <li><a href="SAYFANIZIN NOTLAR LİNKİ"><b>► Notlar</b></a></li> <li><a href="SAYFANIZIN KURALLAR LİNKİ"><b>► Kurallarımız</b></a></li> <li><a href="İSTEK VE ŞİKAYET LİNKİ"><b>► İstek ve Şikayet</b></a></li></ul> <div class="menutitle">└► İKİNCİ BAŞLIK</div> <ul><li><a href="LNK BURAYA"><b>► Buton Adı</b></a></li> <li><a href="LNK BURAYA"><b>► Buton Adı</b></a></li> <div class="menutitle">└► ÜÇÜNCÜ BAŞLIK</div> <li><a href="LNK BURAYA"><b>► Buton Adı</b></a></li> <li><a href="LNK BURAYA"><b>► Buton Adı</b></a></li></ul></div> <!-- http://blogevim.com Men&uuml; Kodu -->
GRİ CSS MENÜ KODU <!--- http://blogevim.com Men&uuml; Kodu ---> <style type="text/css"> #menu { width: 190px; border: 1px solid #ccc; } #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(http://i43.tinypic.com/33az32x.jpg); padding: 8px 0 0 30px; } #menu li a:hover, #menu li a:active { color: #283A50; background: url(http://i43.tinypic.com/33az32x.jpg) 0 -32px; padding: 8px 0 0 30px; } #menu ul li { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 12px; } </style> <div id="menu"> <ul> <!-- Duvar --> <li><a href="SAYFANIZIN_DUVAR_SEKMESİNİN_LİNKİ" title="Duvar"><b>» Duvar</b></a></li> <!-- Bilgiler --> <li><a href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" title="Bilgiler"><b>» Bilgiler</b></a></li> <!-- Kurallar&#305;m&#305;z --> <li><a href="SAYFANIZIN_(VARSA)_KURALLAR_SEKMESİNİN_LİNKİ" title="Kurallarımız" target="_blank"><b>» Kurallarımız</b></a></li> <!-- YouTube --> <li><a href="SAYFANIZIN_(VARSA)_YOUTUBE_SEKMESİNİN_LİNKİ" title="YouTube" target="_blank"><b>» YouTube</b></a></li> <!-- Video --> <li><a href="SAYFANIZIN_VIDEO_SEKMESİNİN_LİNKİ" title="Videolar" target="_blank"><b>» Video</b></a></li> <!-- Tart&#305;&#351;malar --> <li><a href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" title="Tartışmalar" target="_blank"><b>» Tartışmalar</b></a></li> <!-- Notlar --> <li><a href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" title="Notlar" target="_blank"><b>» Notlar</b></a></li> <!-- Foto&#287;raflar --> <li><a href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" title="Fotoğraflar" target="_blank"><b>» Fotoğraflar</b></a></li> <!-- Ba&#287;lant&#305;lar --> <li><a href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" title="Bağlantılar" target="_blank"><b>» Bağlantılar</b></a></li> <!-- De&#287;erlendirmeler --> <li><a href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" title="Değerlendirmeler" target="_blank"><b>» Değerlendirmeler</b></a></li> <!-- Admin &#304;leti&#351;im (MSN) --> <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" rel="nofollow" onmousedown='UntrustedLink.bootstrap($(this), "", event)'><b>» Admin İletişim (MSN)</b></a></li> <!-- Admin &#304;leti&#351;im (facebook) --> <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"><b>» Admin İletişim (fb)</b></a></li> </ul> </div> <!--- http://blogevim.com Men&uuml; Kodu --->
MAVİ CSS  MENÜ KODU <!-- http://blogevim.com Men&uuml; Kodu --> <style type="text/css"> #menu01 { width:170px; background-color:#89a9b8; margin: 0px; padding-left:8px; padding-right:8px; padding-TOP:6px; padding-BOTTOM:6px; border:solid 1px black; font: normal 11px verdana, sans-serif;} #menu01 ul, #menu01 li { list-style-type: none; padding: 0px; margin: 0px; } #menu01 li a:link, #menu01 li a:visited, #menu01 li a:active {display:block; border: solid 1px #000; background-color:#587c92; color:#FFF; text-decoration:none; margin-bottom: 2px; margin-top: 2px; padding-left: 5px; height: 24px; line-height: 24px; } #menu01 li a:hover {background-color:#B1C7D1; color:#34505C; border: solid 1px #000; } </style> <div id="menu01"> <ul> <!-- Duvar --> <li><a href="SAYFANIZIN_DUVAR_SEKMESİNİN_LİNKİ" title="Duvar"><b>» Duvar</b></a></li> <!-- Bilgiler --> <li><a href="SAYFANIZIN_BİLGİLER_SEKMESİNİN_LİNKİ" title="Bilgiler"><b>» Bilgiler</b></a></li> <!-- Kurallar&#305;m&#305;z --> <li><a href="SAYFANIZIN_(VARSA)_KURALLAR_SEKMESİNİN_LİNKİ" title="Kurallarımız" target="_blank"><b>» Kurallarımız</b></a></li> <!-- YouTube --> <li><a href="SAYFANIZIN_(VARSA)_YOUTUBE_SEKMESİNİN_LİNKİ" title="YouTube" target="_blank"><b>» YouTube</b></a></li> <!-- Video --> <li><a href="SAYFANIZIN_VIDEO_SEKMESİNİN_LİNKİ" title="Videolar" target="_blank"><b>» Video</b></a></li> <!-- Tart&#305;&#351;malar --> <li><a href="SAYFANIZIN_TARTIŞMALAR_SEKMESİNİN_LİNKİ" title="Tartışmalar" target="_blank"><b>» Tartışmalar</b></a></li> <!-- Notlar --> <li><a href="SAYFANIZIN_NOTLAR_SEKMESİNİN_LİNKİ" title="Notlar" target="_blank"><b>» Notlar</b></a></li> <!-- Foto&#287;raflar --> <li><a href="SAYFANIZIN_FOTOĞRAFLAR_SEKMESİNİN_LİNKİ" title="Fotoğraflar" target="_blank"><b>» Fotoğraflar</b></a></li> <!-- Ba&#287;lant&#305;lar --> <li><a href="SAYFANIZIN_BAĞLANTILAR_SEKMESİNİN_LİNKİ" title="Bağlantılar" target="_blank"><b>» Bağlantılar</b></a></li> <!-- De&#287;erlendirmeler --> <li><a href="SAYFANIZIN_DEĞERLENDİRMELER_SEKMESİNİN_LİNKİ" title="Değerlendirmeler" target="_blank"><b>» Değerlendirmeler</b></a></li> <!-- Admin &#304;leti&#351;im (MSN) --> <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" rel="nofollow" onmousedown='UntrustedLink.bootstrap($(this), "", event)'><b>» Admin İletişim (MSN)</b></a></li> <!-- Admin &#304;leti&#351;im (facebook) --> <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"><b>» Admin İletişim (fb)</b></a></li> </ul> </div> <!-- http://blogevim.com Men&uuml; Kodu -->
Not:Menülerdeki gereksiz kullanmadığınız kategorileri silip,menü linklerini düzenleyerek sayfanıza eklemelisiniz...

Yorum Yaz
Arkadaşların Burada !
Arkadaşların Burada !
Bu içeriği duvarında Paylaş
  • Bu içeriği arkadaşlarınla paylaş!
  • Yeni içerikler bul!
İptal
Gönder