Hướng dẫn avatar hiện to khi rê chuột vào cho vbb

[Admin]

Với vbb3
B1: Vào additional.css chèn code này vào cuối:

<!-- Hieu ung Avatar --> .avatarsv img { -moz-transform: rotate(30deg); -moz-transition: all 2s ease 0s; -webkit-transform: rotate(30deg); -webkit-transition: all 2s ease 0s; background-color: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 5px 5px 5px 5px; box-shadow: 3px 3px 3px #8A8A8A; margin: 1px 3px 3px 1px; opacity: 0.3; padding: 3px; } .avatarsv img:hover { -moz-transform: scale(1.5); -moz-transition: all 2s ease 0s; -webkit-transform: scale(1.5); -webkit-transition: all 2s ease 0s; opacity: 1; position: relative; } <!-- Hieu ung Avatar -->

B2: Vào postbit_gelacy tìm:

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

Thay bằng:

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

Với vbb4
B1. Vào additional.css chèn code này vào cuối:

<!-- Hieu ung Avatar --> .avatarsv img { -moz-transform: rotate(30deg); -moz-transition: all 2s ease 0s; -webkit-transform: rotate(30deg); -webkit-transition: all 2s ease 0s; background-color: #FFFFFF; border: 1px solid #D4D4D4; border-radius: 5px 5px 5px 5px; box-shadow: 3px 3px 3px #8A8A8A; margin: 1px 3px 3px 1px; opacity: 0.3; padding: 3px; } .avatarsv img:hover { -moz-transform: scale(1.5); -moz-transition: all 2s ease 0s; -webkit-transform: scale(1.5); -webkit-transition: all 2s ease 0s; opacity: 1; position: relative; } <!-- Hieu ung Avatar -->

B2. Vào postbit_legacy tìm:

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

Thay bằng:

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

Xong