Replace TaigaChat Icons With Font Awesome - Thay thế icon Taigachat bằng Font Awesome

PVS

Super Moderator
Thành viên BQT
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
Replace TaigaChat Icons With Font Awesome - Thay thế icon Taigachat bằng Font Awesome

Đảm bảo diễn đàn của bạn đã cài đặt Font Awesome. Nếu chưa, bạn có thể tìm các bài hướng dẫn để cài đặt.

Cải thiện các nút:

Từ

1.png

Thành

2.png

Vào EXTRA.css và thêm vào sau đoạn:
Mã:
#taigachat_controls .taigachat_bbcode span.mce_bold:before {
    content: "\f032";
    font-family: FontAwesome;
    font-size: 15px;
}
#taigachat_controls .taigachat_bbcode span.mce_italic:before {
    content: "\f033";
    font-family: FontAwesome;
    font-size: 15px;
}
#taigachat_controls .taigachat_bbcode span.mce_strikethrough:before {
    content: "\f0cc";
    font-family: FontAwesome;
    font-size: 15px;
}
#taigachat_controls .taigachat_bbcode span.mce_image:before {
    content: "\f03e";
    font-family: FontAwesome;
    font-size: 15px;
}
#taigachat_controls .taigachat_bbcode span.mce_link:before {
    content: "\f0c1";
    font-family: FontAwesome;
    font-size: 15px;
}
.taigachat_bbcode .mceIcon {
    background: none repeat scroll 0 0 transparent !important;
}

Để thêm một màu sắc bất kỳ, chỉ cần thêm
Mã:
color: #000000;

vào sau "font-size". Điều chỉnh cho phù hợp với nhu cầu của bạn.

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


Nguồn: xenforo.com​
 
Back
Top