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

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:

 

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 =))

 

chỉnh css lung tung 1 hồi củng xong hehe. cơ mà cái avata bé tẹo chưa có cách giải quyết

 

Teamview mình chỉnh lại avata cho

 

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