| |
|
|
| Message reputation : 100% (1 vote) | |
| | | | |
Xem bạn í viết những gì nào!!! | | | | 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é ) @};-
Nhờ phutu và vk code đã được cải tiến : 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)} Nguồn: CP | | | | | Ai thấy hay thì Thanks cho bạn để bạn í còn phát huy nha! | | | | |
|
| | |
 Xem thêm các bài viết khác cùng chuyên mục | |
|
 Xem thêm các bài viết khác cùng chuyên mục | |
| |
Trang 1 trong tổng số 1 trang | | Chia sẻ lên Facebook, Zing Me, Google | Permissions in this forum: | Bạn không có quyền trả lời bài viết
| |
| |
| |
Múi giờ GMT + 7. Hôm nay: Thu Mar 28, 2024 6:21 pm. |