Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

[Codes] Hiệu ứng avatar nhúch nhít

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]

1 [Codes] Hiệu ứng avatar nhúch nhít on Sat Aug 04, 2012 6:56 am

Admin

avatar
Administrators
Administrators
demo:


hướng dẫn:

- vô viewtopic_body
tìm và thay:
Code:
{postrow.displayed.POSTER_AVATAR}

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

- thêm vô 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)}

Nguồn : 4allvn



Xem lý lịch thành viên http://chiaseonline.forumvi.com/

2 Re: [Codes] Hiệu ứng avatar nhúch nhít on Sat Aug 04, 2012 2:09 pm

HoàngTửNaivip5p

avatar
Thành Viên
Thành Viên
bổ sung thêm 1 chút là với hiệu ứng avt nhúc nhích thì dù ảnh avt của bạn có to đến đâu, nó cũng sẽ bị bóp cho teo nhỏ! ^^

Xem lý lịch thành viên http://shun----showluo.forumvi.com/

3 Re: [Codes] Hiệu ứng avatar nhúch nhít on Sat Aug 04, 2012 10:38 pm

đúng rùi.hehe
hiệu ứng avatar Bim viết cũng tự động resize ảnh mà.hihi

Xem lý lịch thành viên http://streetcrew.forum.st/

Sponsored content


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