Avatara Çerçeve ve Hover Efekti

[Kyoya]

Admin KP - Temalar & Şablonlar - Temalar- Temanız - Global.css
Düzenleyin ve En Altına Şu Kodu Ekleyin;

PHP Kod: Tümünü Seç Tümünü Kopyala

.postbit-avatar {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #DDDDDD;
border: 1px solid #BEBEBE;
padding: 4px;
}

.postbit-avatar:hover {
background: cyan;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 150, 250, 1);;
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 150, 250, 1);;
box-shadow: 0px 0px 6px 0px rgba(0, 150, 250, 1);;
} 


Admin KP - Temalar & Şablonlar - Şablonlar - PostBit Şablonlar - postbit_avatar
İçindeki Kodları Silip Bununla Değiştirin;

PHP Kod: Tümünü Seç Tümünü Kopyala

<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" class="postbit-avatar" alt="" {$avatar_width_height} /></a> 


normal


üzerine gelince

[Restart]

paylaşım için saol

[MonsteR]

Teşekkürler

[Ripbyrustavi]

Kyoya bu dönüyormu ayriyeten ?

[Kyoya]

bilmem deniyebilirsiniz rica ederim.

[Secilmis42]

Dönme yok sanırım kodda gördüğüm gibi eğer döndürmek isterseniz Kyoya arkadaşın verdiği postbit_avatar kodunun üstüne hemen şunu ekleyiniz.

Kod: Tümünü Seç Tümünü Kopyala

<style type="text/css">
p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
p#socialicons img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }  
p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }  
p#socialicons2 img:hover{ -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform:
rotate(70deg); }
p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */ }  
p#socialicons3 img:hover{  -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); }
</style>

[kemik344]

çok güzele benziyor :D

[Neon Blazer]

Güzel:)

[Kyoya]

önemli değil arkadaşlar

[Kyoya]

güncel işinize yarayabilir.