Tutorial 2x Highlight and Separate Sticky Threads - Làm nổi bật và tách biệt chủ đề ghim cho XenForo 2

Thảo luận trong 'Tips and Guides' bắt đầu bởi PVS, 15/03/2018.

  1. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,755
    Đã được thích:
    7,002
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Highlight and Separate Sticky Threads - Làm nổi bật và tách biệt chủ đề ghim cho XenForo 2

    Chỉnh sửa css đơn giản (extra.less) để làm nổi bật và tách biệt các chủ đề ghim với chủ đề thường.

    Tách biệt chủ đề ghim với chủ đề thường:

    98482959639066a9cc06b6bd9ab8d730.png
    Thêm đoạn code sau vào template extra.less:
    Mã:
    /* Border between sticky/normal threads */
    .structItemContainer-group--sticky {
        border-bottom: 6px solid;
        color: xf-diminish(@xf-borderColor, 6%);
    }
    Đánh dấu theo kiểu tinh tế:

    0df8b511298e69ad3d6f5cd8bec9595d.png
    Thêm đoạn code sau vào template extra.less:
    Mã:
    .structItemContainer-group--sticky {
          background-color: @xf-paletteColor1;
    }
    
    .structItemContainer-group--sticky .structItem-title a:link,
    .structItemContainer-group--sticky .structItem-title a:visited {
        color: @xf-paletteColor4;
    }
    Đánh dấu theo kiểu nổi bật:

    5bcce4654621f80476d9251b428cd4be.png
    Thêm đoạn code sau vào template extra.less:
    Mã:
    .structItemContainer-group--sticky {
          background-color: @xf-paletteAccent1;
    }
    
    .structItemContainer-group--sticky .structItem-title a:link,
    .structItemContainer-group--sticky .structItem-title a:visited {
        color: @xf-paletteAccent3;
    }
    Bạn cũng có thể thiết lập bất kỳ màu sắc khác mà bạn thích.

    Chúc các bạn thành công.


    Nguồn: bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365.com​
     
    thahtrung06 thích bài này.
  2. thahtrung06

    thahtrung06 Thượng Đế

    Tham gia:
    12/11/2019
    Bài viết:
    259
    Đã được thích:
    65
    Điểm thành tích:
    28
    Nghề nghiệp:
    IT
    Nơi ở:
    Hà Nội
    Web:
    Đây là trên web của mình theo kiểu tinh tế:

    [​IMG]
    Dựa theo CSS của ads và bổ sung thêm CSS nữa.
     

Chia sẻ trang này