linhhaiyen55
Tổng số bài gửi : 198 Điểm tích lũy : 4827 Thích : 1 Tham gia : 29/02/2012
| Tiêu đề: [Codes] Hiệu ứng phóng to avatar khi rê chuột và Mon Jun 03, 2013 12:30 pm | |
| Bước 1: chèn codes vào CSS ACP> Display> Colors & Pics> Colors> CSS: - Code:
-
.avatar9x 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(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; } .avatar9x 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; }
Bước 2: ACP> Display> Templates> QLTT> Viewtopic_body - Spoiler:
-Tìm - Code:
-
{postrow.displayed.POSTER_AVATAR} Và thay bằng: - Code:
-
<span class="avatar9x">{postrow.displayed.POSTER_AVATAR}</span>
| |
|