MyBB Depo Forum
[1.6 - 1.8] Font Awesome MyKod (MyCode) - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-8-modifikasyon-eklenti-deposu-forumu)
+---- Forum: MyKod Filtreleri (https://mybbdepo.com/mykod-filtreleri-113-forumu)
+---- Konu Başlığı: [1.6 - 1.8] Font Awesome MyKod (MyCode) (/font-awesome-mykod-mycode-konusu.html)



Font Awesome MyKod (MyCode) - Machine - 23-10-2014

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 Sağ Ok Temalar&Şablonlar Sağ Ok Temanız Sağ Ok headerinclude şablonu açıp, en sona ekleyiniz.
Kod:
<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 Sağ Ok MyKod Yönetimi Sağ Ok Yeni MyKod Ekle diyerek açılan pencerede ki alanları aşağıda ki gibi dolduruyoruz.

MyKod Başlığı:
Font Awesome MyKod

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

Düzenli İfade
Kod:
\[fonta\]([a-z-]+?)\[/fonta\]

Yerine Gösterilicek İfade
Kod:
<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:
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:
resim

Demo:
Kod:
https://www.torrentdizindir.com/mybb/thread-2-post-5.html#pid5



Cvp: Font Awesome MyKod (MyCode) - cemm - 23-10-2014

teşekkürler hocam, çok faydalı konularınızdan biri yine. Süper


Cvp: Font Awesome MyKod (MyCode) - Machine - 24-10-2014

(23-10-2014, Saat:23:18)cemm Adlı Kullanıcıdan Alıntı: teşekkürler hocam, çok faydalı konularınızdan biri yine. Süper
Rica ederim,iyi çalışmalar Süper