FBML CSS MENÜLER

MENÜ

YARDIM

<style type="text/css"> .fbml_turk  {  width: 185px;  }   .fbml_turk .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;  }  .fbml_turk ul  {   margin: 0pt;  padding: 0pt;  list-style-type: none;  }  .fbml_turk ul li   {  padding-bottom: 2px;  }  .fbml_turk 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;  }  .fbml_turk ul li  a:visited  {  color: black;   } .fbml_turk ul li  a:hover  {  background: #20a020 none repeat scroll  0pt 0px;  color: white;  } </style>  <div class="fbml_turk">  <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),"><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>

» Duvar

» Bilgiler

» Kurallarımız

» YouTube

» Video

» Tartışmalar

» Notlar

» Fotoğraflar

» Bağlantılar

» Değerlendirmeler

» Admin İletişim (MSN)

» Admin İletişim (fb)

<style type="text/css">  #fbml_turk {  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;    }   #fbml_turk li a {    height:  32px;    voice-family: "\"}\"";     voice-family: inherit;    height:  24px;  text-decoration: none;  }    #fbml_turk li a:link, #fbml_turk li  a:visited {  color: white;  display: block;  background:  url(http://i40.tinypic.com/2hg778w.jpg);  padding: 8px 0 0 30px;  }    #fbml_turk li a:hover, #fbml_turk li a:active {  color: yellow;   background: url(http://i40.tinypic.com/2hg778w.jpg) 0 -32px;  padding:  8px 0 0 30px;  }  </style>   <div id="fbml_turk"> <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>   <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),"><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  (fb)</b></a></li>  </ul> </div>

BİRİNCİ BAŞLIK

İKİNCİ BAŞLIK

ÜÇÜNCÜ BAŞLIK

<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 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>

└► MENÜ

└► İKİNCİ BAŞLIK

► Buton Adı
► Buton Adı

└► ÜÇÜNCÜ BAŞLIK

► Buton Adı
► Buton Adı

<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>

<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>   <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>   <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),"><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  (fb)</b></a></li> </ul> </div>

» www.websitesi.com

<style type="text/css">  #menu10  { border: solid 0px #e6e6e6; width:190px;  margin: 0px; padding:0px;  }  #menu10 ul ,#menu10 li{  list-style: none;          margin: 0px;         padding: 0px;         }  #menu10 li a:link  , #menu10 li a:visited , #menu10 li a:active  {display:block;height:38px; line-height:38px;  background-image:url(http://i41.tinypic.com/mvjhux.jpg);           color:#fff;         text-decoration:none; text-align:center;          font-size: 13px;         font-family: verdana, sans-serif;  padding-right:2px;         padding-bottom:0px;         margin:0px;  }   #menu10 li a:hover {background-color:#FEFFFF;  background-image:url(http://i44.tinypic.com/a9logx.jpg);          color:#000;}  </style>  <div id="menu10"> <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>    <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),"><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  (fb)</b></a></li> </ul> </div>

<style type="text/css">  #fbml_turk {  width: 185px;  font-family:  Verdana, Geneva, sans-serif;  }   #fbml_turk li a {    height: 36px;   text-decoration: none;  }    #fbml_turk li a:link, #fbml_turk li  a:visited {  color: #ffffff;  display: block;  background:  url(http://i41.tinypic.com/16273a0.jpg);  padding: 18px 0 0 52px;  }    #fbml_turk li a:hover, #fbml_turk li a:active {  color: #f90707;   background: url(http://i41.tinypic.com/16273a0.jpg) 0 -56px;  padding:  18px 0 0 52px;  }   #fbml_turk ul li {  font-family: Verdana, Geneva,  sans-serif;         font-weight: bold;  font-size: 13px; }   </style>   <div id="fbml_turk">  <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><fb:share-button class="url" href="http://www.facebook.com/fbml.turk.com.tr"></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_DEĞERLENDİRMELER_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>    <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),"><b>İ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>İletişim (fb)</b></a></li>   </ul> </div>

FBML KODLAR

Blogroll