Hướng dẫn làm avatar xoay tròn vbb

**bavuongduongpho** · 10-09-2011, 11:23 AM

Demo: http://sonmyschool.com (chọn style THPT Sơn Mỹ V2 nhé)
or http://sonmyschool.com/showthread.ph...176&styleid=22
Đầu tiên các bạn vào additional.css paste code này vào dưới cùng:

Code:


.avatarxt img {transition: all 15s ease; -webkit-transition: all 15s ease; -moz-transition: all 15s ease;transition-delay: 5s; -webkit-transition-delay: 5s; -moz-transition-delay: 5s;background-color: #FFFFFF;max-width:143px;border-radius:5px;margin:1px 3px 3px 1px;padding:3px;border:1px solid #d4d4d4;box-shadow: 3px 3px 3px #8A8A8A;transform:rotate(-20deg); -moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg);}.avatarxt img:hover {transition: all 3s ease; -webkit-transition: all 3s ease; -moz-transition: all 3s ease;transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);position:relative;}

Sau đó vào Postbit (Nếu sử dụng postbit) tìm:

Code:

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

Sửa lại thành:

Code:

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

Còn nếu sử dụng postbit_legacy thì vào postbit_legacy và tìm:

Code:

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

Và sửa lại thành:

Code:

<span class="avatarxt"><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>

Nhớ thanks đấy nha

**Cold_Zero** · 12-09-2011, 12:48 AM

Thanks share nhưng ko xài. Nhìn nghẹo cả cổ

***~~t8mclub~~*** · 12-09-2011, 11:35 AM

Nguyên văn bởi Cold_Zero

Thanks share nhưng ko xài. Nhìn nghẹo cả cổ

Không xài mà biết nhìn nghẹo cổ...he he...
Cảm ơn bạn vì share, code khá hay và vui mắt...

**noname123** · 12-09-2011, 12:04 PM

Thanks for share.....
@bavuongduongpho: Mình thấy Forum bạn có cái Skin rất đẹp. Bạn có thể share cái skin đó lên có được ko vậy? Thanks thanks

**bavuongduongpho** · 13-09-2011, 03:31 PM

Nguyên văn bởi noname123

Thanks for share.....
@bavuongduongpho: Mình thấy Forum bạn có cái Skin rất đẹp. Bạn có thể share cái skin đó lên có được ko vậy? Thanks thanks

của cậu nè: http://www.mediafire.com/file/b85c13...C-vb4-skin.zip

**hctpro** · 24-09-2011, 02:24 PM

Mình làm nó hơi bị chệch ra ngoài. Bạn chỉnh giúp mình cho nó nhích qua bên phải được không.
(Xem đính kèm)

**bavuongduongpho** · 25-09-2011, 12:17 PM

Nguyên văn bởi hctpro

Mình làm nó hơi bị chệch ra ngoài. Bạn chỉnh giúp mình cho nó nhích qua bên phải được không.

chèn thẻ <center></center> bao quanh!

**hctpro** · 25-09-2011, 05:58 PM

Nguyên văn bởi bavuongduongpho

chèn thẻ <center></center> bao quanh!

Mình chèn rồi mà vẫn không được

**bavuongduongpho** · 25-09-2011, 06:13 PM

postbit_legacy:

PHP Code:


<center><span class="avatarxt"><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></center>

**princess8890** · 24-10-2011, 09:52 PM

ec sao mik làm nó hok xoay het a'

Chào mừng bạn đến với ITVNN FORUM - Diễn đàn công nghệ thông tin.

Ðề tài: Hướng dẫn làm avatar xoay tròn vbb

Ðiều Chỉnh

Display