Simple Machines Community Forum

SMF Support => Türkçe Bölümü (Turkish) => Language Specific Support => İpuçları ve Hileler => Topic started by: gecitli on September 22, 2013, 05:33:08 AM

Title: SMF ile Font-Icon Simgeleri Kullanma
Post by: gecitli on September 22, 2013, 05:33:08 AM
(http://s1309.hizliresim.com/1f/n/svcfb.png)
Bugün sizlere başliktada belirtiğim gibi font icon kulanmayi anlatacağim malumunuz sitelerde girafikler önemli bir yer tutmakta buda hem site tirafiğini acilim hizini arti seo kalitesini onemli olcüde etkilemektedir.
dunyada pek cok web tasarimcisinin kulandigi bu olay kisacasi fotoşopta yapilan iconlarin font lara cevrilmesiyle elde edilen güzel bir uygulama.
Font Awesome Icon (http://fortawesome.github.io/Font-Awesome/)
Bugün sizlere bunlarin smf de kulanilmasini anlatacağim başlayalim formumuzun Menü barlarina ikon ekleyelim
(Pardon font) bunun icin

Themes/default/index.template.php mizi acalim

bu satiri buluyoruz
    // The ?fin20 part of this link is just here to make sure browsers don't cache it wrongly.
    echo '

Altina ekleyelim
        <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
bunu yukarda verdiğim adresteki indirme linkindende indirip ftepeye ata bilirsiniz

şimdi Sources/Subs.php yi acalim ben örnek olarak help butonuna ikan atiyacam siz diğerlerinide ayni şekilde yaparsiniz

bul
            'help' => array(
                'title' => $txt['help'],
                'href' => $scripturl . '?action=help',
                'show' => true,
                'sub_buttons' => array(
                ),
            ),


şimdi şu adresten ilgili ikon kodunu alalim
BURDAN (http://fortawesome.github.io/Font-Awesome/)
aldiğimiz kodu boyle uyguluyacağiz unutmayin hangi parameteri aliyosaniz onun kodu

            'help' => array(
                'title' => '<i class="icon-lightbulb"></i> ' .$txt['help'],
                'href' => $scripturl . '?action=help',
                'show' => true,
                'sub_buttons' => array(
                ),
            ),
Title: Re: SMF ile Font-Icon Simgeleri Kullanma
Post by: fatyhxd41 on November 03, 2013, 03:24:29 AM
Bu (http://fortawesome.github.io/Font-Awesome/examples/) sayfada yer alan rehberlerde bu fontu üreten kişi(ler) simgelerin kullanımıyla ilgili ipuçları vermişler. Forumuma daha uygun olsun diye simgelerime -2x -4x vb. ekliyorum ama boyutlarında bir değişme olmadığı gibi simgeler de gözükmüyor. Sebebini bilen var mı?
Title: Re: SMF ile Font-Icon Simgeleri Kullanma
Post by: cee山 on December 09, 2013, 05:38:03 PM
Hıım.Buttona eklemek güzel düşünce paylaşım için Teşekkürle.
Quote from: fatyhxd41 on November 03, 2013, 03:24:29 AM
Bu (http://fortawesome.github.io/Font-Awesome/examples/) sayfada yer alan rehberlerde bu fontu üreten kişi(ler) simgelerin kullanımıyla ilgili ipuçları vermişler. Forumuma daha uygun olsun diye simgelerime -2x -4x vb. ekliyorum ama boyutlarında bir değişme olmadığı gibi simgeler de gözükmüyor. Sebebini bilen var mı?
şöyle bir deneyin "fa fa-anchor fa-4" yani X silin.