![[Codes] Hiệu ứng avatar nhúch nhít Logo](https://2img.net/i/fa/logo/logo.png){kind=logo}
Trang Chính
demo:
![[Codes] Hiệu ứng avatar nhúch nhít Avatar10](https://i.servimg.com/u/f44/13/54/69/46/avatar10.png)
hướng dẫn:
- vô viewtopic_body
tìm và thay:
bằng
- thêm vô cuối css
hướng dẫn:
- vô viewtopic_body
tìm và thay:
- Code:
{postrow.displayed.POSTER_AVATAR}
bằng
- Code:
<span class="avatarcp">{postrow.displayed.POSTER_AVATAR}</span>
- thêm vô cuối css
- Code:
span.avatarcp img {
max-width:110px;
background-color:beige;
border:1px solid #FFCC33;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px;
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
transform: rotate(-4deg);
-moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
box-shadow:2px 2px 10px rgba(0,0,0,0.2);
}
span.avatarcp img:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
.blog_comment-avatar img, span.avatar1 img {
max-width:110px;
background-color:beige;
border:1px solid #FFCC33;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px;
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
transform: rotate(-4deg);
-moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
-webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
box-shadow:2px 2px 10px rgba(0,0,0,0.2)
}
.blog_comment-avatar img:hover, span.avatar1 img:hover{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg)}
No Comment.