INTECH

Chào Mừng Bạn Đã Ghé Thăm Diễn Đàn Intech.forumvi.com của chúng tôi.

Mong rằng tại đây bạn sẽ nhận được những thông tin hữu ích,, và đáp ứng được nhu cầu của bạn.

Tuy ít nhiều chúng tôi vẫn còn khá nhiều thiếu sót về nội dung và hình thức, mong nhận được ý kiến đóng góp từ các bạn để chúng tôi tự hoàn thiện.

Hiện tại, bạn có thể đăng nhập Intech thông qua Open ID Facebook, hết sức nhanh chóng và tiện lợi.

Xin lưu ý: Thông tin bạn đăng kí về Giới tính và Ngày sinh, chúng tôi khảo sát nhằm thống kê và kịp gửi lời chúc mừng đến các bạn trong các dịp lễ, sinh hoạt,...trong Diễn Đàn.

Quyền Lợi: Được tham gia giao lưu, chia sẻ kinh nghiệm cùng các thành viên, được tải các tài liệu, phần mềm hỗ trợ cần thiết,...

Các đường Link chỉ sử dụng được khi đã đăng nhập.

Xin Cảm Ơn và gửi đến các bạn lời chào Thân Ái từ Intech.forumvi.com.

Join the forum, it's quick and easy

INTECH

Xin Cảm Ơn và gửi đến các bạn lời chào Thân Ái từ Intech.forumvi.com.

Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

Đơn vị cung cấp sản phẩm giá cạnh tranh với nhiều loại mặt hàng.Là đơn vị tài trợ hàng đầu của Forum. Liên kết: https://thanhnguyenstore.com/

Đóng Khung Avatar với Css

:: Thủ Thuật :: Thủ Thuật Web :: Blog-Forummotion

Thanh Nguyên
Admin: Tổng số bài gửi : 527
Được Cảm Ơn : 59
Join date : 11/10/2012
Age : 31
Đến từ : Bà Rịa-Vũng Tàu

Đóng Khung Avatar với Css

Sat Dec 01, 2012 10:29 pm

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:CHỌN NỘI DUNG

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

Chúc Bạn thành công!