Avatars Big & Tall - Avatar to & cao

PVS · 14/03/2016

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:

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:

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.

Nguồn: xenforo.com