Tạo MemberCard 2 cột dọc cực đẹp cho Xenforo

[nttruong]

Đây là bài viết hướng dẫn các bạn cách tạo MemberCard được sắp xếp 2 hàng dọc cực đẹp cho Xenforo.

Cách làm:

Chép đoạn code sau vào template EXTRA.CSS:

/* Member card stats and last activity in two columns */
.xenOverlay.memberCard .userInfo .userStats {
float: left;
width: 49% !important;
border-right: 1px solid #556655 !important;
}

.xenOverlay.memberCard .userInfo .userStats dd {
float: right !important;
}

.xenOverlay.memberCard .userInfo .userStats dt {
float: left;
clear: both;
}

.xenOverlay.memberCard .lastActivity {
float: right;
width: 49% !important;
margin-top: 0px !important;
padding-top: 0px !important;
border-top: 0 !important;
}

.xenOverlay.memberCard .lastActivity.pairsInline dt {
float: left;
clear: both;
}

.xenOverlay.memberCard .lastActivity.pairsInline dd {
float: left;
clear: both;
}

Chúc các bạn thành công!

 

[THB]

Đăng nhập vào ACP >>> Appearance >>> Templates đánh EXTRA.CSS vào để tìm templates EXTRA.CSS. rồi chỉnh sửa như hướng dẫn.
xem hình bên dưới nhé. Dùng xenforo 1.4.4 nha.

​

 

[Jindo_Katori]

Ai làm thông tin USER nằm ngang thì hốt cái này đẹp nè

 

[SangNTP]

Mình xen 1.5.1 làm không được, ad cho cái hình minh hoạ nha.