Help Chuyển khung thông tin thành viên nằm ngang bài viết

tuannt

MasterCorporal
Thấy cái phần này hay quá mà không biết làm. Có bác nào hướng dẫn chuyển khung thông tin thành viên nằm ngang bài viết không. xin trợ giúp ak.

Link: http://diendansacdep.net/threads/duong-moc-dai-day-mi-careprost.691/

Ảnh demo:
View attachment 7045
Chào tuấn. Bạn có thể viết lại đoạn css cho messenger info như sau.

Mã:
#message_UserInfo {
    float: none;
    width: auto;
    border-bottom: 1px solid #d7edfc;
    margin-bottom: 10px;
}

.messageUserBlock {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}

.messageUserBlock div.avatarHolder {
    background-color: #f0f7fc;
    float: left;
    position: relative;
}

.messageUserBlock h3.userText {
    padding: 6px;
    margin-left: 70px;
}

.messageUserBlock a.username {
    font-weight: bold;
    display: block;
    overflow: hidden;
    line-height: 16px;
}

.messageUserBlock .userTitle {
    font-size: 11px;
    display: block;
}
 
Chào tuấn. Bạn có thể viết lại đoạn css cho messenger info như sau.

Mã:
#message_UserInfo {
    float: none;
    width: auto;
    border-bottom: 1px solid #d7edfc;
    margin-bottom: 10px;
}

.messageUserBlock {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}

.messageUserBlock div.avatarHolder {
    background-color: #f0f7fc;
    float: left;
    position: relative;
}

.messageUserBlock h3.userText {
    padding: 6px;
    margin-left: 70px;
}

.messageUserBlock a.username {
    font-weight: bold;
    display: block;
    overflow: hidden;
    line-height: 16px;
}

.messageUserBlock .userTitle {
    font-size: 11px;
    display: block;
}
đã chỉnh lại css trong message_user_info.css theo bác và ra tè le =))
 
Theo mình chỉ nên chuyển bài viết đầu tiên thôi. Các comment thì để nguyên sẽ đẹp hơn
 
Back
Top