Font Awesome Kullanımı

YoRuMSuZ

Biz işimize bakalım...
Katılım
7 Hzr 2006
Mesajlar
36,719
Beğeniler
8,982
Takım
GALATASARAY
#1
Forumda Font Awesome ikonları kullanmak için PAGE_CONTAINER şablonunu açıp <head> etiketinin hemen altına Font Awesome için gerekli olan css dosyasının linkini eklemeniz yeterlidir.

Kod:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
Artık forumda istediğiniz alanda ilgili css kodlarını kullanarak Font Awesome butonlarını kullanabilirsiniz.

Örnek olarak kategori bölümlerine bir simge ekleyelim....

Yukarıdaki işlemi yaptıktan sonra temanın EXTRA.css dosyasını açıp aşağıdaki kodu ekleyin.

Kod:
.nodeList .categoryStrip .nodeTitle:before
{
    content: "\f115";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin-right: 10px;
}
Default temada işlem öncesi görünüm.
FontAvsome1.png


İşlem Sonrasıgörünüm.
FontAvsome2.png


FontAvsome1.png FontAvsome2.png
 

Benzer konular

Top