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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,969
Được Like
11,315
Chỉnh độ rộng khung thông tin thành viên

vào message_user_info.css
tìm
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
Mã:
.messageUserBlock a.username

thêm vào
Mã:
text-align: center;


Nguồn: tailieu24h.net​
 

THB

Admin - Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,656
Được Like
3,942
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
info user11.png
 

CNTT01

Snow Flower ✔
Tham gia
06/07/2015
Bài viết
803
Được Like
686
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 :)
 
Sửa lần cuối:
  • Like
Reactions: THB

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,969
Được Like
11,315
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
 
  • Like
Reactions: THB

CNTT01

Snow Flower ✔
Tham gia
06/07/2015
Bài viết
803
Được Like
686
mình mới text theo tut này và cũng ko làm dc.
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,969
Được Like
11,315
nếu không làm được thì coi lại nha, mình làm được bình thường mà
 
  • Like
Reactions: THB

THB

Admin - Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,656
Được Like
3,942
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.
Mã:
.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.
Mã:
.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.

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

demo
canh giu user.jpg
 
Sửa lần cuối:

GBottom

Thượng Đế
Tham gia
24/12/2015
Bài viết
53
Được Like
36
Có ai có hình ngôi sao hay hình gì để bỏ vào trước nick cho đẹp không nhỉ?
 
  • Like
Reactions: THB

THB

Admin - Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,656
Được Like
3,942
đây
 

Đính kèm

  • rankgroup.zip
    29 KB · Lượt xem: 18
  • rankuser.zip
    22.9 KB · Lượt xem: 13

Kem

Thượng Đế
Tham gia
31/12/2015
Bài viết
22
Được Like
20
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
Zalo_ScreenShot_16_1_2016_039290.png
 
  • Like
Reactions: THB

deocoten

Thượng Đế
Tham gia
26/11/2015
Bài viết
9
Được Like
4
bị lỗi lệch khi xem trên mobile,mìn cũng bị,vnxf cũng bị,đính kèm
 

Đính kèm

  • Screenshot_2016-08-19-08-37-15_com.chrome.dev.png
    Screenshot_2016-08-19-08-37-15_com.chrome.dev.png
    214.7 KB · Lượt xem: 12

phankt

Thượng Đế
Tham gia
23/08/2016
Bài viết
116
Được Like
25
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
upload_2016-10-1_15-21-4.png
 

tqhuy

Thượng Đế
Tham gia
30/05/2017
Bài viết
39
Được Like
8
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
upload_2017-8-17_10-45-32.png
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom