Hướng Dẫn Tạo Khung Thành Viên Userinfo Nằm Ngang Xenforo

Thảo luận trong 'Website' bắt đầu bởi Admin, 9 Tháng bảy 2016.

  1. Admin Nothing to lose.. your love to win..

    Bài viết:
    4,112
    Để tạo khung thành viên nằm ngang giống dembuon.vn các bạn thêm mã CSS sau vào template Extra.CSS

    Nếu tồn tại các bạn nhớ xóa mã CSS cũ đi để thay thế mã này vào tránh xung đột.

    Lưu ý code này sẽ đặt nằm ngang toàn bộ cả bài viết đầu tiên + comment trả lời.

    Sửa lại một số chỗ theo ý bạn cho hài hòa với giao diện diễn đàn của bạn.

    Mã:
    /* CNG - UserInfo */
    
    #QuickReply {margin-left:0 !important}
    
    .messageUserInfo {float: none !important; width: auto !important; background:#f5f5ff !important; border-radius:0 !important; border:0 solid #d1d1e1 !important}
    
    .messageUserBlock {overflow: hidden; border-bottom:1px solid #e5e5e5 !important; position: relative; border-radius:0 !important}
    .messageUserBlock div.avatarHolder {display:none !important}
    .messageUserBlock h3.userText {float:left; margin:10px}
    .messageUserBlock a.username {padding-top:2px}
    .messageUserBlock .arrow {display:none !important}
    
    .message .messageInfo {@property "messageInfo"; clear:both; margin:15px !important; padding:0 !important; background:transparent !important; @property "/messageInfo"}
    
    .message .messageContent {@property "messageContent"; min-height: 30px; @property "/messageContent" !important; text-align:justify !important}
    
    .messageList .message {position:relative !important; border:1px #d7edfc solid !important; margin-bottom:10px !important; padding:0 !important}
    .messageList .message .postNumber {position:absolute !important; top:-18px !important; right:8px !important; color:#fff !important; font-weight:bold !important}
    .messageList .message .datePermalink {position:absolute !important; top:-18px !important; left:8px !important; color:#fff !important; text-decoration:none !important}
    .messageList .message span.item {color:transparent !important}
    
    .extraUserInfo {float:right !important; border:0 !important; margin:10px !important; background:#f5f5ff !important}
    
    .quickReply {border-top:none !important; padding:0 !important; margin-bottom:10px !important}
    
    .quickReply .messageUserInfo {display:none !important}
    Demo: dembuon.vn

    [​IMG]


    QC:

    VPS tốt nhất dành cho Xenforo: Vultr, DigitalOcean
     
    Chỉnh sửa cuối: 6 Tháng tư 2018
  2. Đăng ký Binance
Từ Khóa:
Trả lời qua Facebook
Đang tải...