socialwidget
Önizleme:
Gerekli Resim:
CSS (Açıklaması aşağıda):
#likebox { background-image: url(/socialwidget.png) ; border-style: none; font-size:11px; font-family: Trebuchet MS, Arial, Verdana; top: 200px; right: 215px; position:fixed; color: #fff; width: 120px; height: 235px; padding: 10px 10px 10px 10px; }
HTML:
<div id="likebox"> </div>
Twitter Button için tıklayın.
Facebook Button için tıklayın.
Css Kodu Komutları:
#likebox { // katman adı
background-image: url(/socialwidget.png) ; //arkaplan eklemek isterseniz
border: none; //arkaplana kenar eklemek isterseniz px cinsinden
font-size:11px; // katman içindeki fontun boyutu
font-family: Trebuchet MS, Arial, Verdana; // yazı tipini belirleyin
top: 200px; // sitenin üstünden uzaklığı katmana göre aldığı yer değişir
right: 215px; //sitenin sağından uzaklığı katmana göre aldığı yer değişir
position:fixed; //aşağı indikçe inmesini isterseniz fixed, istemezseniz absolute komutunu koyun
color: #fff; //içerdeki yazının rengi
width: 120px; //katman genişliği
height: 235px; //katman yüksekliği
}
padding: 10px 10px 10px 10px; //katmanın içten hizalanma ayarı
}