Hướng dẫn Thêm icon Font Awesome trước Thread Prefix

Discussion in 'Tips and Guides' started by shynn, Jul 10, 2015.

  1. shynn

    shynn Thượng Đế

    Joined:
    Mar 18, 2015
    Messages:
    207
    Likes Received:
    171
    Trophy Points:
    43
    Gender:
    Male
    Occupation:
    Học Sinh
    Location:
    Nghệ An
    Yêu cầu: diễn đàn đã cài font awesome

    Vào template EXTRA.css thêm đoạn code sau
    Code:
    
    .prefixMusic:before {
        content: "\f001";
        font-family: FontAwesome;
        padding-right: 4px;
    }
    .prefix.prefixMusic {
        background: none repeat scroll 0 0 #C3F5F2;
        border-color: #5d6977;
        border-radius: 1px;
        color: black;
    }
    Thay đổi content và background tùy ý
    Tiếp theo vào Thread Prefix và tạo tên Prefix tùy ý
    upload_2015-7-10_12-25-4.png


    Thành Quả
    upload_2015-7-10_12-26-48.png

    upload_2015-7-10_12-30-5.png
     
    THB, PVS and Sesshomaru like this.
  2. Sesshomaru

    Sesshomaru Thượng Đế

    Joined:
    Jun 11, 2015
    Messages:
    26
    Likes Received:
    18
    Trophy Points:
    3
    Gender:
    Male
    Quá đẹp :D
     
  3. PVS

    PVS Cộng Sự Đặc Biệt Staff Member

    Joined:
    Feb 28, 2015
    Messages:
    11,779
    Likes Received:
    7,039
    Trophy Points:
    113
    Gender:
    Male
    Location:
    Huế
    Home Page:
    hay :))
     
  4. THB

    THB Admin - Founder Staff Member

    Joined:
    Feb 25, 2015
    Messages:
    6,336
    Likes Received:
    3,550
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    CEO
    Location:
    Bình Dương
    Home Page:
    cho luôn bộ icon nào đẹp đẹp luôn bác.
    muốn thay cái nốt nhạc thành cây đàn thì chỉnh code chỗ nào?;););)
     
  5. shynn

    shynn Thượng Đế

    Joined:
    Mar 18, 2015
    Messages:
    207
    Likes Received:
    171
    Trophy Points:
    43
    Gender:
    Male
    Occupation:
    Học Sinh
    Location:
    Nghệ An
    THB likes this.

Share This Page