Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online
Trang Chính![[Codes] Hiệu ứng Rank cấp bậc Ẩn hiện Empty](https://2img.net/i/empty.gif)
cho vào CSS
Vào viewtopic_body tìm
thay bằng
demo: http://streetcrew.forum.st/t298-topic#3651
Lưu ý : rất đẹp khi dùng viewtopic ngang.
- Code:
.rank97 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;
}
.rank97 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;
}
Vào viewtopic_body tìm
- Code:
{postrow.displayed.RANK_IMAGE}
thay bằng
- Code:
<span class="rank97">{postrow.displayed.RANK_IMAGE} </span>
demo: http://streetcrew.forum.st/t298-topic#3651
Lưu ý : rất đẹp khi dùng viewtopic ngang.
