[Codes] Hiệu ứng avatar nghiêng, xoayXem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Fri Apr 20, 2012 2:34 pm
avatar
[Thành viên] - Đoàn Anh Kiệt
Sáng Lập Diển Đàn Trường THCS Đinh Tiên Hoàng
Sáng Lập Diển Đàn Trường THCS Đinh Tiên Hoàng
Tổng số bài gửi : 345
Tham Gia : 14/08/2011
Tiền Xu : 13697
Tên Thật : Đoàn Anh Kiệt
Học Lớp : 9/5
Thú Nuôi :
Nam


Bài gửiTiêu đề: [Codes] Hiệu ứng avatar nghiêng, xoay
Xem lý lịch thành viên http://thcsdinhtienhoang.forume.biz

Nguồn : Http://thcsdinhtienhoang.forume.biz/t459-topic

Tiêu Đề : [Codes] Hiệu ứng avatar nghiêng, xoay



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:


Cod: Chọ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:



{postrow.displayed.POSTER_AVATAR}


Thay bằng:

{postrow.displayed.POSTER_AVATAR}




Copy đường link dưới đây gửi đến nick yahoo bạn bè!



[Codes] Hiệu ứng avatar nghiêng, xoay

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
  • • Không spam. Xem rõ nội quy chung tại Đây
  • • Thể hiện văn hóa bằng cách bấm thanks với các bài viết bạn thích.* Viết tiếng Việt có dấu, là tôn trọng người đọc.* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.* Thực hiện những điều trên, là tôn trọng chính mình.Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài

Permissions in this forum:Bạn không có quyền trả lời bài viết
Diển Đàn Trường THCS Đinh Tiên Hoàng :: ...o0o...Phòng Máy Tính-Thiết Bị...o0o... :: Thiết kế Website vả Forum :: phpbb & vbb-
Múi giờ GMT +7. Hiện tại là 04:31 PM
Style [F]Monster - Designed by Alone