Mẫu sửa đổi này sẽ cho phép bạn đặt cá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[/FONT][/COLOR]
.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
.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]
Demo
Nguồn: VNXF.VN
Đ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[/FONT][/COLOR]
.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
.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]
Demo
Nguồn: VNXF.VN