Code LÀm Avatar to nhỏ khi rê chuột vào

An Hùng BMT · 1 Code LÀm Avatar to nhỏ khi rê chuột vào Wed Sep 07, 2011 7:01 am

An Hùng BMT

Admin

Giới tính : Male

Posts : 1721
Thanked

Thanked : 3660

Đến từ : DakLak

CSS:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>
</td></tr><tr><td class="code">

Code:: .avatar97 img{ opacity: 0.3;filter: alpha(opacity=30); border-radius:5px; background-color: #FFFFFF; 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; } .avatar97 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.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); position:relative; }

</td></tr></table>
Tìm trong viewtopic_body:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>Code:Chọn nội dung</td></tr><tr><td class="code">

Code:: {postrow.displayed.POSTER_AVATAR}

</td></tr></table>
Thay bằng:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>Code:Chọn nội dung</td></tr><tr><td class="code">

Code:: <span class="avatar97">{postrow.displayed.POSTER_AVATAR}</span>

</td></tr></table>
Demo: Vào topic này và rê chuột vào avatar: http://www.a5pro.tk/t14-topic
Nguồn: 9xstudio

Code LÀm Avatar to nhỏ khi rê chuột vào

1 Code LÀm Avatar to nhỏ khi rê chuột vào Wed Sep 07, 2011 7:01 am

An Hùng BMT