Forum đề thi casio

Tình hình diễn đàn

Thống kê bài viết mới


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Đóng khung avatar bằng css on Wed Aug 24, 2011 4:51 pm

admin


Admin
Admin
Loading
Bước 1: Vào ACP Template view topic body tìm chỗ AVATAR thêm :

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

Bước 2: Vào ACP Display Colors CSS thêm đoạn code sau:

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);
  }

Code gốc không có max-width, mình thêm vô. Còn
bên dưới là các thuộc tính mà các bạn có thể thay đổi được để ra cái
khung hoành tráng hơn .

Bạn nào chế ra được khung đẹp thì post lên để mọi người cùng xài nhé



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

Và để nó hiện trong forum dạng blog thì thêm .blog_comment-avatar img
Cụ thể như sau:


Code:
.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)}




!!MỌI LINK DOWNLOAD GAME, TÀI LIỆU, PHIM ĐÃ BỊ ẨN ĐI VÌ BẠN CHƯA ĐĂNG NHẬP!!!


View user profile http://www.leducduy.com

2 Re: Đóng khung avatar bằng css on Tue Aug 30, 2011 5:02 pm

long than


Member
Member
Loading
cám ơn admin. admin có thể cho mình cái demo kg nhỉ?

View user profile http://www.leducduy.com

View previous topic View next topic Back to top  Message [Page 1 of 1]

Bài viết mới cùng chuyên mục

    Bài viết liên quan vớiĐóng khung avatar bằng css

      Permissions in this forum:
      You cannot reply to topics in this forum