[VNXF] - Đặt dọc thông tin người dùng với phương nằm ngang

​​

Đi đến các mẫu style của bạn và tìm kiếm "message_user_info.css". Thay thế nội dung của nó với mã dưới đây:

Mã:

.messageUserInfo

Mã:

.messageUserBlock

.messageUserBlock div.avatarHolder

.messageUserBlock div.avatarHolder .avatar

.messageUserBlock div.avatarHolder .onlineMarker

px;

left: px;

@property "messageOnlineMarker";

border: 7px solid transparent;

border-top-color: rgb(127, 185, 0);

border-left-color: rgb(127, 185, 0);

border-top-left-radius: 5px;

border-top-right-radius: 3px;

border-bottom-left-radius: 3px;

@property "/messageOnlineMarker";

}

.messageUserBlock h3.userText

.messageUserBlock .userBanner:last-child

.messageUserBlock a.username

.messageUserBlock .userTitle

.messageUserBlock .extraUserInfo

.messageUserBlock .extraUserInfo img

.messageUserBlock .arrow

.messageUserBlock .arrow span

<xen:if is="@enableResponsive">

@media (max-width:@maxResponsiveNarrowWidth)

.Responsive .messageUserBlock

.Responsive .messageUserBlock div.avatarHolder

.Responsive .messageUserBlock div.avatarHolder .avatar img

.Responsive .messageUserBlock div.avatarHolder .onlineMarker

.Responsive .messageUserBlock h3.userText

.Responsive .messageUserBlock .userBanner

.Responsive .messageUserBlock .userBanner span

.Responsive .messageUserBlock .extraUserInfo

.Responsive .messageUserBlock .arrow

} </xen:if>

Sau đó thực hiện tìm kiếm cho "EXTRA.css" và thêm mã này:

Mã:

.messageUserBlock .pairsJustified

Mã:

.message .messageInfo

.quickReply .messageUserBlock .arrow

.quickReply .messageUserBlock .arrow span

.quickReply .messageUserInfo

.quickReply .messageUserBlock div.avatarHolder

.messageUserBlock .userBanner

.messageUserBlock .userBanner.wrapped span

.messageUserBlock .userBanner.wrapped

.messageUserBlock .userBanner.bannerStaff

[/FONT][/FONT][/COLOR]

Demo



​

Nguồn: VNXF.VN​