Nisan 19, 2012

Popüler Yayınlara Hareketli Zoom Efekti Vermek


Blogunuzu canlandırmak isteyenler için güzel bir kod. Rengarenk ve dikkat çeken bu kod bloğunuza canlılık kazandırakcaktır. Her rengin kendine göre anlam katan bir eklenti.

Aşağıdaki kodu bulun

]]></b:skin>
Kodu bulduktan sonra hemen altına;

<style type='text/css'>
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}
.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.6) rotate(-1090deg) ;-webkit-transform: scale(1.6) rotate(-1090deg) ;-o-transform: scale(1.6) rotate(-1090deg) ;-ms-transform: scale(1.6) rotate(-1090deg) ;transform: scale(1.6) rotate(-1090deg) ;}
</style>
Bu kodu ekleyin ve şablonunuzu kaydedip çıkın.
Bazı Blog Temalarında bu kod çalışmayabilir.
Kodun önizlemesi

0 yorum :

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.