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 Empty Đóng khung avatar bằng css Wed Aug 24, 2011 4:51 pm

admin

admin
Admin
Admin
Loading
Bước 1: Vào ACP Đóng khung avatar bằng css 93149 Template Đóng khung avatar bằng css 93149 view topic body tìm chỗ AVATAR thêm :

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

Bước 2: Vào ACP Đóng khung avatar bằng css 93149 Display Đóng khung avatar bằng css 93149 Colors Đóng khung avatar bằng css 93149 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 Đóng khung avatar bằng css 578864.

Bạn nào chế ra được khung đẹp thì post lên để mọi người cùng xài nhé Đóng khung avatar bằng css 462594 Đóng khung avatar bằng css 103263



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

http://www.leducduy.com

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

long than

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

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