arkaplan

Bloggerde Resimleri Eğikleştirme Kodu

Mart 26, 2014 Gökhan TEKİN 0 Yorumlar


Bloggerde Resimleri Eğikleştirme Kodu
    Bazı arkadaşlar tasarıma çok önem veriyorlar , sitesinde farklı Widgetler kullanmak istiyorlar bu kodlar ile blogger'de konu resimlerinizi resimdeki gibi yapabilirsiniz yani eğik şekilde, resimin bu şekilde durduğuna bakmayın resim üzerine gelince mause ile resim geri normal düz oluyor güzel bir eklenti kullanmak isteyen arkadaşlar deneyebilir sitesinde farklılık yaratmak isteyenler için harika bir eklenti diyebilirim anlatıma geçiyorum


Şablon Düzenleme alanına geliyoruz  Şablonun HTML kısmını açıyoruz


Ctrl+F Tuşları ile    ]]></b:skin>  kodunu buluyoruz yani şablonun Css bölümüne aşağıdaki kodları yapıştırıyoruz


.post img {
-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform: rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.post img:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
} 

SİZDEN ÖNCEKİLER BU YAZILARIMIDA OKUDU

0 yorum

Yorum Kuralları
1 - Yaptığınız yorumun, yazıyla alakalı olmasına özen gösteriniz
2 - Yazım ve dil bilgisi konusundaki hassasiyetinizi yorumlarınızda da gösteriniz.
3 - Her zaman nazik bir üslup kullanmaya özen gösteriniz.
4 - Yukarıdaki kurallardan herhangi birine uymamanız durumunda,
site sahibi yorumunuzu yayınlama ya da yayınlamama hakkına sahiptir.