You are not connected. Please login or register


Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down Thông điệp [Trang 1 trong tổng số 1 trang]


1Love [Codes] Hiệu ứng avatar nhúc nhích on Mon Sep 17, 2012 10:07 pm


Quân Joker

Admin - Founder
 Admin - Founder

Tiêu đề: [Codes] Hiệu ứng avatar nhúc nhích

- Đề mô:



- Hướng dẫn:

+ Zô viewtopic_body, tìm:
Code:
{postrow.displayed.POSTER_AVATAR}

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

+ Thêm vào cuối CSS:
Code:
span.avatarcp img {
                max-width:110px;
      background-color:beige;
      border:1px solid #FFCC33;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      border-radius:5px;
      padding:8px;
      -webkit-transform: rotate(-4deg);
      -moz-transform: rotate(-4deg);
      transform: rotate(-4deg);
      -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
      -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
      box-shadow:2px 2px 10px rgba(0,0,0,0.2);
  }

span.avatarcp img:hover {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
}


.blog_comment-avatar img, span.avatar1 img {
  max-width:110px;
  background-color:beige;
  border:1px solid #FFCC33;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:8px;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
  box-shadow:2px 2px 10px rgba(0,0,0,0.2)
}
.blog_comment-avatar img:hover, span.avatar1 img:hover{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg)}

Thế là xong rùi! 17
(Nhà 8B1 bọn mềnh ko chơi hiệu ứng avatar nhúc nhít nì, mà chơi hẳn hiệu ứng avatar xoay tròn có màu viền cơ! 4 )

Nguồn: 4allvn.biz
Tài sản của Quân Joker

Character sheet
Huy chương:







..♥ ♫♫♫♫♫ ♥..

[ -------Broken Heart------- ]
Ký tên: Quân Joker  


Hãy bấm cho tớ nhé! ^_^
Xem lý lịch thành viên

Xem chủ đề cũ hơn Xem chủ đề mới hơn 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


Diễn đàn hiển thị tốt nhất trên Google Chrome ♥♥♥