Font Awesome - BBCode

[xoxox]

Merhaba arkadaşlar,



Font Awesome ikonlarının konu içerisinde mykod kullanarak göstermenizi sağlayan basit bir mykod yapımından bahsedeceğim.

Öncelikle aşağıda ki kodu, Admin Paneli    Temalar&Şablonlar    Temanız     headerinclude şablonu açıp, en sona ekleyiniz.


Kod:


Kod:

Kod: Tümünü Seç Tümünü Kopyala

<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">

Not: Temalarından font awesome kullananlar yukarıda ki işlemi gerçekleştirmesinler.

Daha sonra Admin Paneli    MyKod Yönetimi    Yeni MyKod Ekle diyerek açılan pencerede ki alanları aşağıda ki gibi dolduruyoruz.

MyKod Başlığı:


Kod:


Kod:

Kod: Tümünü Seç Tümünü Kopyala

Font Awesome MyKod

Kısa Bilgi:


Kod:


Kod:

Kod: Tümünü Seç Tümünü Kopyala

Font awesome ikonlarını konu içerisinde gösterilmesini sağlar. Örnek kullanımı [fonta]facebook[/fonta] şeklindedir.

Düzenli İfade


Kod:


Kod:

Kod: Tümünü Seç Tümünü Kopyala

\[fonta\]([a-z-]+?)\[/fonta\]

Yerine Gösterilicek İfade


Kod:


Kod:

Kod: Tümünü Seç Tümünü Kopyala

<i class="fa fa-$1"></i>

Örnek Kullanım Şekli :
[fonta]facebook[/fonta]
[fonta]twitter[/fonta] 
[fonta]youtube[/fonta]
[fonta]linux[/fonta] vb.

Peki, font awesome ikonlarını nerden bulacağım diyorsanız aşağıda ki adresten görebilirsiniz.


Kod:


Kod:

Kod: Tümünü Seç Tümünü Kopyala

http://fortawesome.github.io/Font-Awesome/3.2.1/icons/

fa fa kısımlarından sonra gelen yeri alacaksınız mykod içerisine örneğin fa fa facebook kırmızı olarak belirtiğim kısımda ki ifadeyi alıp [fonta] buraya [/fonta] tagları arasına alıp konunuza ekleyeceksiniz.

Görüntüsü ve Demo Adres:



Alıntı

[Novruz]

Kod: Tümünü Seç Tümünü Kopyala

http://destek.10tl.net/showthread.php?tid=66830&highlight=Font+Awesome