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

[Admin]

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

khi rê chuột vào avatar nó tự rõ và to dần
Admincp -> chọn skin đang dùng -> maincss

chèn code này vào ô thứ 2 của Additional CSS Definitions ( ô đó thoáng hơn ) , 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="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></td></if>

thay bằng

<div class="avatarvkn"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></div></a></td></if>

save lại -> xong [/B]