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

Thảo luận trong 'Tips and Guides' bắt đầu bởi shynn, 10/07/2015.

  1. shynn

    shynn Thượng Đế

    Tham gia:
    18/03/2015
    Bài viết:
    207
    Đã được thích:
    171
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nghề nghiệp:
    Học Sinh
    Nơi ở:
    Nghệ An
    Yêu cầu: diễn đàn đã cài font awesome

    Vào template EXTRA.css thêm đoạn code sau
    Mã:
    
    .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 Đế

    Tham gia:
    11/06/2015
    Bài viết:
    26
    Đã được thích:
    18
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Quá đẹp :D
     
  3. 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:
    hay :))
     
  4. THB

    THB Admin - Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    6,336
    Đã được thích:
    3,550
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    CEO
    Nơi ở:
    Bình Dương
    Web:
    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 Đế

    Tham gia:
    18/03/2015
    Bài viết:
    207
    Đã được thích:
    171
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nghề nghiệp:
    Học Sinh
    Nơi ở:
    Nghệ An
    THB thích bài này.

Chia sẻ trang này