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

Admin · 1 Code LÀm Avatar to nhỏ khi rê chuột vào Fri Aug 31, 2012 3:10 pm

Admin

Chủ Tịch Forum

Giới tính : Nam

Bài Viết : 577
Tiền : 2147483647
Cảm ơn : 1630
Tham Gia : 23/09/2011
Tuổi : 36
Đến từ : ..Loading..

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: [You must be registered and logged in to see this link.]
Nguồn: 9xstudio

1 Code LÀm Avatar to nhỏ khi rê chuột vào Fri Aug 31, 2012 3:10 pm

Admin