Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

[Codes] Hiệu ứng avatar xoay có màu

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

๖ۣۜTom
Admintrator
Admintrator

Bim ngồi chán chán nên viết code nì thử.hehe
Ai ngờ lại được.hehe
Mọi người làm như sau:
Bước 1 :
Vào viewtopic_body tìm :
Code:
{postrow.displayed.POSTER_AVATAR}

thay bằng
Code:
 <span class="cubimtq">{postrow.displayed.POSTER_AVATAR}</span>

Bước 2 :
cho đoạn code này vào cuối CSS
Code:
.cubimtq img{
  max-width:100px;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;transition:all 0.5s ease;
  background-color: #fff;
   border: 1px solid #a9a9a9;
   display: block;

   padding: 4px;
   position: relative;
   display:inline;
   box-shadow: 0 0 6px #666;

}
  .cubimtq img:hover {
-moz-transform: scale(1.2) rotate(-350deg);
-webkit-transform: scale(1.2) rotate(-350deg);
-o-transform: scale(1.2) rotate(-350deg);
-ms-transform: scale(1.2) rotate(-350deg);
transform: scale(1.2) rotate(-350deg);
-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,0,0,.4);
-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,0,0,.4);
}

Xong lun.hehe
Demo : [You must be registered and logged in to see this link.]
Viết by -CuBimtQ - 4allvn

http://www.vn-answer.tk
Share this post on: reddit

No Comment.

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết