Gönderen Konu: SMF ile Font-Icon Simgeleri Kullanma  (Okunma sayısı 2407 defa)

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Çevrimdışı gecitli

  • Master Üye
  • *
  • İleti: 1239
  • Saygınlık Puanı: 196
    • webtiryaki.com
  • Smf Sürümü: Smf 2.0.5
  • Web Siteniz: www.webtiryaki.com
SMF ile Font-Icon Simgeleri Kullanma
« : 22 Eylül 2013, 12:52:24 »

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
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
Kod: [Seç]
    // The ?fin20 part of this link is just here to make sure browsers don't cache it wrongly.
    echo '
Altina ekleyelim
Kod: [Seç]
        <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
Kod: [Seç]
            'help' => array(
                'title' => $txt['help'],
                'href' => $scripturl . '?action=help',
                'show' => true,
                'sub_buttons' => array(
                ),
            ),

şimdi şu adresten ilgili ikon kodunu alalim
BURDAN
aldiğimiz kodu boyle uyguluyacağiz unutmayin hangi parameteri aliyosaniz onun kodu

Kod: [Seç]
            'help' => array(
                'title' => '<i class="icon-lightbulb"></i> ' .$txt['help'],
                'href' => $scripturl . '?action=help',
                'show' => true,
                'sub_buttons' => array(
                ),
            ),

Çevrimdışı HellBoy05

  • Master Üye
  • *
  • İleti: 1037
  • Saygınlık Puanı: 6
  • Cinsiyet: Bay
  • Smf Sürümü: Smf 2.0.4
  • Web Siteniz: torrentlerburda.com
Ynt: SMF ile Font-Icon Simgeleri Kullanma
« Yanıtla #1 : 22 Eylül 2013, 13:53:41 »
bunu ben tam anlamış değilim görsel olsaydı daha rahat anlayabilirdik. Anladığım kadarıyla anasayfa-forum-yardım-profil olan kısıma ikon eklemeyi anlattınız değilmi?
Oyun mu istiyorsun ozaman tıkla ve gör...

www.torrentlerburda.com

Çevrimdışı gecitli

  • Master Üye
  • *
  • İleti: 1239
  • Saygınlık Puanı: 196
    • webtiryaki.com
  • Smf Sürümü: Smf 2.0.5
  • Web Siteniz: www.webtiryaki.com
Ynt: SMF ile Font-Icon Simgeleri Kullanma
« Yanıtla #2 : 22 Eylül 2013, 15:12:07 »
bunu ben tam anlamış değilim görsel olsaydı daha rahat anlayabilirdik. Anladığım kadarıyla anasayfa-forum-yardım-profil olan kısıma ikon eklemeyi anlattınız değilmi?
hayir sadece örnek gösterdim hayal gücünüzü zorlayin temanizda bulunan butün görseler

Çevrimdışı mkucuksari

  • Seo4Smf v3 Grubu
  • *
  • İleti: 243
  • Saygınlık Puanı: 3
    • RCKolik- Bağımlılık Yapan Yeni Modelci Platformu
  • Smf Sürümü: Smf 2.0.3
  • Web Siteniz: http://www.RCKolik.com
Ynt: SMF ile Font-Icon Simgeleri Kullanma
« Yanıtla #3 : 23 Eylül 2013, 11:41:07 »
Güzel bir paylaşım teşekkürler (+ Teşekkür)


Vakit bulunca bunu da denemem gerekiyor, daha önceki icon paylaşımınızla beraber  :) [size=78%] [/size]
Bağımlılık Yapan Yeni Modelci Platformu www.RCKolik.com

Çevrimdışı gecitli

  • Master Üye
  • *
  • İleti: 1239
  • Saygınlık Puanı: 196
    • webtiryaki.com
  • Smf Sürümü: Smf 2.0.5
  • Web Siteniz: www.webtiryaki.com
Ynt: SMF ile Font-Icon Simgeleri Kullanma
« Yanıtla #4 : 23 Eylül 2013, 17:51:53 »
Sanirim yanliş anlaşildi ben sadece örnek göserdim menü bari bunu bütün görselerde kulana bilirsiniz orneğin porofilimdeki siteye bakin 70% ikonlar bu kodlamayla olusturuldu takildiginiz yerde yardim ala bilirsiniz bu kodlamayi bizim web tasarimcilari sir gibi sakliyor nedense ilk paylaşan sanirim ben oldum

Çevrimdışı mkucuksari

  • Seo4Smf v3 Grubu
  • *
  • İleti: 243
  • Saygınlık Puanı: 3
    • RCKolik- Bağımlılık Yapan Yeni Modelci Platformu
  • Smf Sürümü: Smf 2.0.3
  • Web Siteniz: http://www.RCKolik.com
Ynt: SMF ile Font-Icon Simgeleri Kullanma
« Yanıtla #5 : 24 Eylül 2013, 00:51:46 »
Sanirim yanliş anlaşildi ben sadece örnek göserdim menü bari bunu bütün görselerde kulana bilirsiniz orneğin porofilimdeki siteye bakin 70% ikonlar bu kodlamayla olusturuldu takildiginiz yerde yardim ala bilirsiniz bu kodlamayi bizim web tasarimcilari sir gibi sakliyor nedense ilk paylaşan sanirim ben oldum
Yok hocam ben ne demek istediğini tam anladım ama herhalde eksik ilave ettim  :(
Bağımlılık Yapan Yeni Modelci Platformu www.RCKolik.com

 

bodrum escort - escort bodrum - escort kayseri - malatya escort - escort bayan bodrum - Didim Escort Bayan - Escort Bayan Fethiye