Trang 1 trong tổng số 9 trang Chuyển đến trang : 1, 2, 3, 4, 5, 6, 7, 8, 9 
Please log in to post a topic Bài viết thứ :1
Đăng vào:2/3/2012, 16:58
demo :
ban đầu avatar nó nghiêng,
rê chuột vô là nó xoay vòng vòng rùi nằm vị trí ngay ngắn
sau đó trở về trạng thái nghiêng như ban đầu.
![[Codes] Hiệu ứng avatar nghiêng, xoay Anh_ch17](https://i.servimg.com/u/f43/15/93/33/76/anh_ch17.png)
hướng dẫn:
1. thêm vào CSS:
[Bài viết không bị Ẩn]
- 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;
}
2. Tìm trong viewtopic_body:
- Code:
{postrow.displayed.POSTER_AVATAR}
Thay bằng:
- Code:
<span class="avatar97">{postrow.displayed.POSTER_AVATAR}</span>
[/Bài viết không bị Ẩn]
:Bài viết không bị Ẩn:
#1 - Posted 2/3/2012, 16:58
Bài viết thứ :2
Đăng vào:2/3/2012, 21:36
#2 - Posted 2/3/2012, 21:36
Bài viết thứ :3
Đăng vào:4/3/2012, 21:29
#3 - Posted 4/3/2012, 21:29
#4 - Posted 4/3/2012, 23:12
Bài viết thứ :5
Đăng vào:7/3/2012, 16:07
#5 - Posted 7/3/2012, 16:07
Bài viết thứ :6
Đăng vào:17/3/2012, 21:11
#6 - Posted 17/3/2012, 21:11
Bài viết thứ :7
Đăng vào:21/3/2012, 17:56
#7 - Posted 21/3/2012, 17:56
Bài viết thứ :8
Đăng vào:30/3/2012, 16:20
#8 - Posted 30/3/2012, 16:20
Bài viết thứ :9
Đăng vào:1/4/2012, 11:44
#9 - Posted 1/4/2012, 11:44
Bài viết thứ :10
Đăng vào:4/4/2012, 18:03
Bư đã viết:demo :
ban đầu avatar nó nghiêng,
rê chuột vô là nó xoay vòng vòng rùi nằm vị trí ngay ngắn
sau đó trở về trạng thái nghiêng như ban đầu.
hướng dẫn:
1. thêm vào CSS:
:Hide:
#10 - Posted 4/4/2012, 18:03
Supper...He
Moderagerator
Bài viết thứ :11
Đăng vào:4/4/2012, 18:45
cái này cho punbb hay phpBB2 vậy anh !
#11 - Posted 4/4/2012, 18:45
Bài viết thứ :12
Đăng vào:5/4/2012, 19:49
#12 - Posted 5/4/2012, 19:49
Bài viết thứ :13
Đăng vào:5/4/2012, 19:50
#13 - Posted 5/4/2012, 19:50
Supper...He
Moderagerator
Bài viết thứ :14
Đăng vào:5/4/2012, 19:52
cái này cho punbb hay phpBB2 vậy anh !
#14 - Posted 5/4/2012, 19:52
Bài viết thứ :15
Đăng vào:5/4/2012, 20:56
#15 - Posted 5/4/2012, 20:56
Bài viết thứ :16
Đăng vào:6/4/2012, 02:00
#16 - Posted 6/4/2012, 02:00
Bài viết thứ :17
Đăng vào:8/4/2012, 16:34
#17 - Posted 8/4/2012, 16:34
Bài viết thứ :18
Đăng vào:10/4/2012, 21:12
#18 - Posted 10/4/2012, 21:12
Bài viết thứ :19
Đăng vào:10/4/2012, 21:17
Bác Bư Ghi Nguồn vào đi
#19 - Posted 10/4/2012, 21:17
Bài viết thứ :20
Đăng vào:11/4/2012, 20:12
#20 - Posted 11/4/2012, 20:12
Bài viết thứ :21
Đăng vào:11/4/2012, 20:15
#21 - Posted 11/4/2012, 20:15
Bài viết thứ :22
Đăng vào:11/4/2012, 20:15
#22 - Posted 11/4/2012, 20:15
Bài viết thứ :23
Đăng vào:15/4/2012, 10:51
#23 - Posted 15/4/2012, 10:51
#24 - Posted 18/4/2012, 16:22
Bài viết thứ :25
Đăng vào:18/4/2012, 18:36
#25 - Posted 18/4/2012, 18:36
Sponsored content Sponsored content
Group:
Hiện đang: 
Bài viết thứ :26
Đăng vào:
![[Codes] Hiệu ứng avatar nghiêng, xoay User_l10](https://i.servimg.com/u/f55/18/73/81/56/user_l10.png)
Sign In
Create Account
CNTT-K3![[Codes] Hiệu ứng avatar nghiêng, xoay SSHoNEq](https://i.imgur.com/sSHoNEq.png)
