Tutorial 2x Prefix - Tùy chỉnh làm đẹp cho prefix của XenForo 2

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

  • Google checker:
  1. PVS

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

    Tham gia:
    28/02/2015
    Bài viết:
    9,352
    Đã được thích:
    6,232
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    SV
    Nơi ở:
    Huế
    Prefix - Tùy chỉnh làm đẹp cho prefix của XenForo 2

    Trước tiên, hãy thêm đoạn code sau vào template Extra.less:
    Mã:
    /* Prefix codes */
    [class*='trgamersonek_']{font-family:'Exo';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px;line-height: 15px;position: relative;max-width: 180px;padding: 2px 33px 2px 27px;user-select: none;color: #FFFFFF;font-size: 11px;font-weight: normal;-webkit-clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);}
    [class*='trgamersonek_']:before{font-family:"FontAwesome";margin-right:3px;font-size:11px;padding:0}
    .trgamersonek_duyuru{background: rgb(237, 0, 0);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}
    .trgamersonek_duyuru:before{content:"\f0a1"}
    .trgamersonek_bilgi{background: rgb(71, 167, 235);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}
    .trgamersonek_bilgi:before{content:"\f129"}
    Tiếp theo, chọn 1 trong các code sau để thêm vào field thread prefixes (Other, using custom CSS class name):
    • trgamersonek_duyuru
    • trgamersonek_bilgi
    Bạn cũng có thể tự tùy chỉnh thêm nếu muốn.

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


    Nguồn: xenforo.com​
     

Chia sẻ trang này

Đang tải...