Facebook Fbml Kodları, Fbml Dersleri, Fbml Kodu, Hazır kodlar, FBML DESTEK

13 Ağustos 2010 Cuma

TRABZONSPOR FBML MENÜ KODLARI

Aşağıdaki vermiş olduğum trabzonspor (ts) gif menü kodlarını, URL bağlantılarını kendi sayfanıza göre ayarladıktan sonra facebook fan sayfanıza fbml kodu olarak ekleyerek sayfanızın trabzonspor menüsüne sahip olmasını sağlayabilirsiniz.

Trabzonspor Menü Kodları ;

Örnek Görüntüsü ;

FENERBAHÇE FBML MENÜ KODLARI

Aşağıdaki vermiş olduğum fenerbahçe (fb) gif menü kodlarını, URL bağlantılarını kendi sayfanıza göre ayarladıktan sonra facebook fan sayfanıza fbml kodu olarak ekleyerek sayfanızın fenerbahçe menüsüne sahip olmasını sağlayabilirsiniz.

Fenerbahçe Menü Kodları ;

Örnek Görüntüsü ;

BEŞİKTAŞ FBML MENÜ KODLARI

Aşağıdaki vermiş olduğum beşiktaş (bjk) gif menü kodlarını, URL bağlantılarını kendi sayfanıza göre ayarladıktan sonra facebook fan sayfanıza fbml kodu olarak ekleyerek sayfanızın beşiktaş menüsüne sahip olmasını sağlayabilirsiniz.

Beşiktaş Menü Kodları ;

Örnek Görüntüsü ;

10 Ağustos 2010 Salı

FBML KIRMIZI KUTU KODU

Aşağıdaki vermiş olduğum kodları Facebook fan sayfalarınıza fbml kodu olarak ekleyerek sayfalarınıza şık kutular oluşturabilirsiniz.Hazır bir kod olduğu için fazla anlatmayacağım.Ama yinede anlamadığınız yerleri yada sormak istediklerinizi bu konu altında yorum yoluyla sorabilirsiniz.

Fbml Kırmızı Kutu Kodları ;

th.tablo_baslik {
 width: 100%;
padding: 5px 5px 5px 5px;
 color: white;
font-size: 13px;
font-weight: bold;
text-align:center;
}

td.tablo_icerik {
 width: 100%;
 padding: 1em;
 vertical-align: top;
}

div.tablo_rengi {
 background-color: #f6908f;
}

div.baslik_arkaplan_rengi {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Ej-zJzqSbELisFbXmSOE2rDwkyPdc9xM5QHCyp56ugFqk2Thvkd7t26zCjOKskB61038_TAeFbgdcZg7dIRBnZL3A_FfaUdEcotbENxFbt2UksTqYYBOVn0Sr8i4HYbX3v9QyaC3ZYJL/s1600/kirmizi_baslik.jpg);
 background-repeat: repeat-x;
 background-position: top;
}

div.ust_cizgi {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdELbeett815sC1f16K-bcJVDPfyY52UsYaUKf_-IkLsvXCBF43wN9-YEefZD4qjxJeHqtPeO58aDLH0Uez9yUlLWYyNLWdUUEAtzoLyeqbogrWHQLJDhZ3YHeJeMRI_dYKXFT7MEIp14/s1600/kirmizi_ust_cizgi.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

div.sol_cizgi {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSZhdQ5TPm0Ky_x6ekzNj4u-yZ_wu30nVWjuyK-F787Z-Q9YJnjiVMqQ1_FPkekb5BNzLLSXYqTMFQhmLDmzYdo9RKfm-RUgb4t6oQwYRaQ7vsiPFCSHNWU_VGh48IYsS2w3ZMVDYFsQ4i/s1600/kirmizi_sol_cizgi.jpg);
 background-repeat: repeat-y;
 background-position: left;
}

div.sag_cizgi {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHYi-_qk66bxE6MSDamlTlAl9s3SvhOcohiiMyF-shb_PM4bMC6Keg67J591-XSqxpMR522fZjh50TDHoHjtlYNZOBF0j4xdCUFY58zyOgQKwLN5HdYUhsCccttOrY8lJExahyyLXDhHlF/s1600/kirmizi_sag_cizgi.jpg);
 background-repeat: repeat-y;
 background-position: right;
}

div.ust_sol_kose {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIl5oqNfV6kEBg5Yc3uc4cYuBlOWURQHF1qcuyILBu0d6KRTgIvNux4wJllqqsXl8ilPbGHkg0QSCA_QdM-q0QT1K83WFQPjD4SCHE7tIwBAEYNE74iFEM2z54o8qJUkArNRgSaJGx_l6A/s1600/kirmizi_ust_sol_kose.jpg);
background-repeat: no-repeat;
background-position: top left;
}

div.ust_sag_kose {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju4y1Oiv5REx1imqhMy2cwoScIQ_XB4gBAqMKUQxPORDyv2mrj0iOAqz6BqR3F96eFI6NKgpqQUZTgX3oeaWLAhYK6dsuxcYu8y58N-I4dpls1X1Xt1Tw72wMF61leuUzeGsvHWiksOxTC/s1600/kirmizi_ust_sag_kose.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

div.alt_sol_kose {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAsOFo1hkZjaGo3qqNsAYfRAA6efi6dqWSLcffEor8g3p_h0P4SKP0KCRsimAvtooehOCtPMojC9bq6qEA5QkU8oS5fimtzDmbwSxHdJ2HNiqjUfukO4FOA-5jPJ6xOaKbqlvgT2VWucS3/s1600/kirmizi_alt_sol_kose.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}

div.alt_sag_kose {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkE99HeouT52NZv2IoF24yUTpR_wI1Un38yW9UrjotWmobkBHb20HMk3gKB5K1Avudyux0AF3wLpaJuom77eZ49R8Px1QSzv_HvqYufxoUasu0l6Z2SxUcA6NgwR7ymoFrqkcA9mFeAXA2/s1600/kirmizi_alt_sag_kose.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}

div.sari_yildizlar{
 background-color: #f6908f;
background-image: url("http://img265.imageshack.us/img265/5111/sariyildizlar.gif");
}

div.ucan_kalpler{
 background-color: #f6908f;
background-image: url("http://img13.imageshack.us/img13/3166/ucankalpler.gif");
}

div.renkli_yildizlar{
 background-color: #f6908f;
background-image: url("http://img833.imageshack.us/img833/5038/renkliyildizlar.gif");
}

</style>

<div style="width: 190px">
<div class="tablo_rengi">
<div class="sari_yildizlar">
<div class="baslik_arkaplan_rengi">
<div class="ust_cizgi">
<div class="sol_cizgi">
<div class="sag_cizgi">
<div class="ust_sol_kose">
<div class="ust_sag_kose">
<div class="alt_sol_kose">
<div class="alt_sag_kose">
<table style="width: 100%">
<tr>
<th class="tablo_baslik">
1. KUTU_BAŞLIĞI</th>
</tr>
<tr>
<td class="tablo_icerik" colspan="2">
<br>
<center>
Buraya yazı, resim veya başka bir içerik ekleyebilirsiniz. Siz aynı kutu içerisine içerik ekledikçe kutunun boyutu aşağı doğru otomatik olarak uzar.
</center>
<br>
</td>
 </tr>
</table>
</div></div></div></div></div></div></div></div></div></div></div>
<br>

<div style="width: 190px">
<div class="tablo_rengi">
<div class="ucan_kalpler">
<div class="baslik_arkaplan_rengi">
<div class="ust_cizgi">
<div class="sol_cizgi">
<div class="sag_cizgi">
<div class="ust_sol_kose">
<div class="ust_sag_kose">
<div class="alt_sol_kose">
<div class="alt_sag_kose">
<table style="width: 100%">
<tr>
<th class="tablo_baslik">
2. KUTU_BAŞLIĞI</th>
</tr>
<tr>
<td class="tablo_icerik" colspan="2">
<br>
<center>
2'nci kutunun içeriği
</center>
<br>
</td>
 </tr>
</table>
</div></div></div></div></div></div></div></div></div></div></div>
<br>

<div style="width: 190px">
<div class="tablo_rengi">
<div class="renkli_yildizlar">
<div class="baslik_arkaplan_rengi">
<div class="ust_cizgi">
<div class="sol_cizgi">
<div class="sag_cizgi">
<div class="ust_sol_kose">
<div class="ust_sag_kose">
<div class="alt_sol_kose">
<div class="alt_sag_kose">
<table style="width: 100%">
<tr>
<th class="tablo_baslik">
3. KUTU_BAŞLIĞI</th>
</tr>
<tr>
<td class="tablo_icerik" colspan="2">
<br>
<center>
3'ncü kutunun içeriği
</center>
<br>
</td>
 </tr>
</table>
</div></div></div></div></div></div></div></div></div></div></div>
<br>

Örnek Görüntüsü ;

FBML MAVİ KUTU KODU

th.tablo_baslik {
width: 100%;
padding: 5px 5px 5px 5px;
color: white;
font-size: 13px;
font-weight: bold;
text-align:center;
}

td.tablo_icerik {
 width: 100%;
 padding: 1em;
 vertical-align: top;
}

div.tablo_rengi {
 background-color: #92B3E5;
}

div.baslik_arkaplan_rengi {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVJNY1TT8Axign-ISgueZkQ6k0dxjoKig6WM55m_lV7mFsYq9MOQft65IKXWtrh6HYk37NpuVumcEtHGqydN8nYriHgsaiP_owGXOf4cXHyMtMuKSg8O7YauApomMt5zEn9my7hZzeTLdc/s1600/mavi_baslik.jpg);
 background-repeat: repeat-x;
 background-position: top;
}

div.ust_cizgi {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8pxJ4F2ZQbtDENAQv_WvcUN08dJjetZ41ovu9KgTltnsYpuvcpxYO_xtygYQTaF_RinbQ9IURAEJ_GlNKactWH2Skprx0lXbf6BFZ4dV57o0p5CFSMgI6ADtis82_yBmfYxg6JoD1HB9O/s1600/mavi_ust_cizgi.jpg);
 background-repeat: repeat-x;
 background-position: bottom;
}

div.sol_cizgi {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsYvjfNgJrDw1FnIOnds208qSqvE4ZAbHCMK51kkLngfWpBvucK4CU0JFLLxD-PAXnNNQzC6NtU04Xl2fUbkG3m62JEqBpbVmx9hQUVjKQYVaCMYXiq9zN71FcWjlemVqqReRbbWTPmIDU/s1600/mavi_sol_cizgi.jpg);
 background-repeat: repeat-y;
 background-position: left;
}

div.sag_cizgi {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyZ7SXwXSenRbA4RiSjEMjQ9heXQ4NPN720zxf-Zc4pFqILIZSDehswMIKy0GPqXAlTCQ_xDBFRjMMoK5IHccJvZM4lC2amwTUk2FplXfWYsIY0w8hWOvjC6rY4JNO6TQVCJJLTK65KcgL/s1600/mavi_sag_cizgi.jpg);
 background-repeat: repeat-y;
 background-position: right;
}

div.ust_sol_kose {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1K5fct2wNdp1gewxpswkTgi5E9hh4GUC6Ysnlx8s4CNkrgUFg3iYueknhJLIEGrFcJIAKFbpNRBH61_M3uQGwB7K9tLQEhht7SelnlZoshIbRdYlORfkNBq5Xo7LcW3mCIuuG_GlJsASO/s1600/mavi_ust_sol_kose.jpg);
background-repeat: no-repeat;
background-position: top left;
}

div.ust_sag_kose {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqrjDN1o6wzWLciJLQowAhmeMdNA7geIllNG9bQkfI77qUkSUMQpsdEW5uUI1fywbw0OC6mxurKbAn0reRCEyABWtEG5a5_31Ynl4MH-OEHjP7Ml5G6CZwwCZFhW8UvEBLLRqWz6dhKqVw/s1600/mavi_ust_sag_kose.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

div.alt_sol_kose {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOcsJUpXiVg11m57YSo1nUGNUbMwAcUqdQo9UriSLXekTFizDjVLeODiltcfobhDzNN3rea_1IddsSGSaYGwiUvQq9DuqKabQqMo_D5dsUUvqWyIxYXe2tJEEgvj7tLFLsrvpUavpO1aGr/s1600/mavi_alt_sol_kose.jpg);
 background-repeat: no-repeat;
 background-position: bottom left;
}

div.alt_sag_kose {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlovP07XKH2vrp1dOlK0-gG-LSwtTGw61Ngzw6bQvT7EQ0UwTyNe661b6MIMzlYKFzDCYG-TDup9fnFHxVNoEQjDE9yPlQVIF9EUJ2CFm6V_SzfZC3QmU-1nadczHcM1WLb32kVUOY7HPB/s1600/mavi_alt_sag_kose.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}

div.sari_yildizlar{
 background-color: #92B3E5;
background-image: url("http://img265.imageshack.us/img265/5111/sariyildizlar.gif");
}

div.ucan_kalpler{
 background-color: #92B3E5;
background-image: url("http://img13.imageshack.us/img13/3166/ucankalpler.gif");
}

div.renkli_yildizlar{
 background-color: #92B3E5;
background-image: url("http://img833.imageshack.us/img833/5038/renkliyildizlar.gif");
}

</style>

Örnek Görüntüsü ;

Sayfalar

13 Ağustos 2010 Cuma

TRABZONSPOR FBML MENÜ KODLARI

FENERBAHÇE FBML MENÜ KODLARI

BEŞİKTAŞ FBML MENÜ KODLARI

10 Ağustos 2010 Salı

FBML KIRMIZI KUTU KODU

FBML MAVİ KUTU KODU