- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,687
Avatars Big & Tall - Avatar to & cao
Bài viết này sẽ hướng dẫn các bạn cách làm avatar to và cao hơn.
Vào Admin CP -> Appearance -> Templates -> message_user_info
Thay thế code avatar:
Bằng:
Tiếp theo vào Admin CP -> Appearance -> Templates -> EXTRA.css thêm:
Nếu bạn muốn làm cho avatar lớn hơn hoặc nhỏ hơn thì bạn cần phải thêm hoặc trừ đi giá trị tương tự từ mỗi giá trị 3pixel trong đoạn mã trên. Các giá trị mà tôi đã chọn thêm 46 pixel chiều rộng của avatar vừa chuẩn thường được sử dụng trong bài viết.
Đây là kết quả cuối cùng:
Bạn có thể thấy rằng nó cho phép cho một chiều cao tùy biến, vì avatar cao sẽ hiển thị toàn bộ chiều dài của họ trong khi avatar ngắn sẽ không tiêu tốn thêm không gian. Điều này là tốt cho avatar chân dung.
Chúc các bạn thành công.
Bài viết này sẽ hướng dẫn các bạn cách làm avatar to và cao hơn.
Vào Admin CP -> Appearance -> Templates -> message_user_info
Thay thế code avatar:
Mã:
<xen:avatar user="$user" size="m" />
Bằng:
Mã:
<xen:avatar user="$user" size="l" img="true" />
Tiếp theo vào Admin CP -> Appearance -> Templates -> EXTRA.css thêm:
Mã:
.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img
{
width: 142px;
height: auto;
}
.messageUserInfo
{
width: 170px !important;
}
.message .messageInfo,
#QuickReply
{
margin-left: 186px !important;
}
Nếu bạn muốn làm cho avatar lớn hơn hoặc nhỏ hơn thì bạn cần phải thêm hoặc trừ đi giá trị tương tự từ mỗi giá trị 3pixel trong đoạn mã trên. Các giá trị mà tôi đã chọn thêm 46 pixel chiều rộng của avatar vừa chuẩn thường được sử dụng trong bài viết.
Đây là kết quả cuối cùng:
Chúc các bạn thành công.
Nguồn: xenforo.com
Bài viết liên quan
Bài viết mới