Hướng dẫn avatar tự xoay ẩn hiện phóng to vBB 4 ( như bản school 3.8.x Andy Crush)

[AdminAdmin is verified member.]

Demo online: http://demo.ninja9x.net/v3
Demo ảnh:

khi rê chuột vào avatar nó tự rõ và to dần
Admincp -> search in templates -> additional.css của skin đang dùng

thêm vào cuối

.avatarvkn img {opacity: 0.3;
filter: alpha(opacity=30);
border-radius: 5px;
background-color: white;
margin: 1px 3px 3px 1px;
padding: 3px;
border: 1px solid #D4D4D4;
box-shadow: 3px 3px 3px #8A8A8A;
transform: rotate(30deg);
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transition: all 2s ease;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
}
.avatarvkn img:hover {
opacity: 1;
filter: alpha(opacity=100);
transition: all 2s ease;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: scale(1.9);
-webkit-transform: scale(1.9);
-moz-transform: scale(1.9);
position: relative;
}

Style manager -> search in templates -> postbit_legacy hoặc postbit ( tùy 4rum bạn dùng khung info dọc hay ngang )
tìm:

 <img src="{vb:raw post.avatarurl}"  alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}"  />

thay bằng

<div class="avatarvkn"> <img src="{vb:raw post.avatarurl}"  alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}"  /></div>

save lại -> xong [/B]