Chỉnh Rộng Khung Thông Tin Thành Viên & Căn Giữa Avatar

[PVS]

Chỉnh độ rộng khung thông tin thành viên

vào message_user_info.css
tìm

.messageUserInfo

tăng giá trị width

và vào message.css
tìm .message .messageInfo
thêm padding-left: 25px;


Căn giữa tiêu đề, avatar, thông tin cá nhân...
Căn giữa username
vào message_user_info.css

tìm

.messageUserBlock a.username

thêm vào

text-align: center;

Nguồn: tailieu24h.net​

 

[THB]

cuối cùng là như thế này. Copy rồi thay thế toàn bộ vào là xong.

.messageUserBlock a.username
{
@property "messageUsername";
font-weight: bold;
display: block;
overflow: hidden;
line-height: 16px;
@property "/messageUsername";
text-align: center;

}

.messageUserBlock .userTitle
{
@property "messageUserTitle";
font-size: 11px;
display: block;
@property "/messageUserTitle";
text-align: center;
}

kết quả. trên là cho nick admin và dưới cho chữ adminitrator

 

[CNTT01]

cái chổ tăng giá trị ở width là tăng bao nhiêu và viêt như nào nhỉ,cho dòng bên dưới đi đâu trong đó , @PVS coi lại topic này coi , thành viên kiu không làm được

 

[PVS]

cái này dùng code bình thường mà, chắc do họ chỉnh sửa nhầm chỗ nào đó nên mới không được thôi

 

[CNTT01]

mình mới text theo tut này và cũng ko làm dc.

 

[PVS]

nếu không làm được thì coi lại nha, mình làm được bình thường mà

 

[THB]

như thế này là ok nhất nè.
vào template : message_user_info.css
1. canh giữa avatar.
tìm .messageUserBlock div.avatarHolder Copy hết code sau đây thay vào.

.messageUserBlock div.avatarHolder
        {
            @property "messageAvatarHolder";
            background-color: @primaryLightest;
            padding: 10px;
            border-radius: 4px;
            @property "/messageAvatarHolder";
         
            position: relative; 
            text-align: center;
        }

2. canh giữa nick name.
Tìm .messageUserBlock a.username và thay bằng code sau.

.messageUserBlock a.username
        {
            @property "messageUsername";
            font-weight: bold;
            display: block;
            overflow: hidden;
            line-height: 16px;
            @property "/messageUsername";
            text-align: center;
         
        }

3. Canh giữa mấy chữ như admin, mod... Tìm .messageUserBlock .userTitle thay bằng code sau.

.messageUserBlock .userTitle
        {
            @property "messageUserTitle";
            font-size: 11px;
            display: block;
            @property "/messageUserTitle";
            text-align: center;
        }

demo

 

[GBottom]

Có ai có hình ngôi sao hay hình gì để bỏ vào trước nick cho đẹp không nhỉ?

 

[THB]

đây

 

[GBottom]

đây

Yêu Admin thế

 

[vinhthuy]

Yêu Admin thế

yêu thì cưới ngay kẻo lỡ

 

[THB]

Yêu Admin thế

cảm ơn.
admin có vợ rồi. haaaaaaa

 

[Kem]

Làm hết như trên nhưng đến thành quả trên style chuột bạch thí nghiệm thì nó ra vầy ad @THB ơi

 

[deocoten]

bị lỗi lệch khi xem trên mobile,mìn cũng bị,vnxf cũng bị,đính kèm

 

[phankt]

bị lỗi lệch khi xem trên mobile,mìn cũng bị,vnxf cũng bị,đính kèm

tìm .Responsive .messageUserInfo và thêm text-align: center;

.Responsive .messageUserInfo
{
float: none;
width: auto;
text-align: center;
}

 

[phankt]

Anh @THB ơi. Sao em là admin mà không hiển thị thành viên bqt
mặc dù em đã tick vào Display user as staff rồi

 

[tqhuy]

Của em chỉnh như vậy nhưng cứ bị lệch với avatar nó to ra, các bác chỉ giúp em với