Trang chủTrang chủ  Face CNCFace CNC  IndexIndex  PortalPortal  CalendarCalendar  GalleryGallery  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  


Share | 
 

 Code Đóng khung avatar đẹp nhất

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giả
Bình chọn cho bài viết:
Tuyền Choắt iTV
HỌC ĐỂ CHƠI - CHƠI ĐỂ HỌC
HỌC ĐỂ CHƠI - CHƠI ĐỂ HỌC


Tổng số bài gửi : 347
Ngày tham gia : 24/11/2011
Tuổi : 24
Đến từ : Tuyệt Tìnk Cốc

Bài gửiTiêu đề: Code Đóng khung avatar đẹp nhất   Fri Apr 06, 2012 2:42 pm

Dạo web 1 vòng kiếm được đoạn code hay thế là chia sẻ anh em ngay kẻo Buồn Ngủội mất.
Cơ bản chỉ dùng cho version nào thay đổi được template.

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 Very Happy.

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

Khi rê chuột vào thì nó ngay ngắn lại
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)}
Về Đầu Trang Go down
Xem lý lịch thành viên http://icitv.tk
 

Code Đóng khung avatar đẹp nhất

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

 Similar topics

-
» Chia Sẻ 1 số CODE hay
» lô cặp khung 3 ngày
» bán khung treo tivi sỉ và lẻ với hàng chính hãng
» Bộ hình ảnh Avatar 12 cung hoàng đạo dễ thương và xinh xắn
» HƯỚNG DẪN LÀM KHUNG VIỀN BẬC THÁCH ĐẤU GAME LIÊN MINH HUYỀN THOẠI 2014

Permissions in this forum:Bạn không có quyền trả lời bài viết
DIỄN ĐÀN CNC  :: Chuyên Ngành Công Nghệ Thông Tin :: Thiết kế WEBSITE !-
Free forum | Văn hóa | Trẻ | © phpBB | Free forum support | Liên hệ | Report an abuse | Create your own blog
Thiết kế do Tuyền Choắt iTV| | Trang Chủ Diễn Đàn | Hottel nóng : 01672.382.888 | Nghe Nhạc Trực Tuyến | Phim truyện | Tin tức trong ngày | Thể thao | Công nghệ thông tin | Danh bạ website