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

Sayfalar

10 Ağustos 2010 Salı

FBML KIRMIZI KUTU KODU

0 yorum: