MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
ßyßurak avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Font Awesome Kullanımı


Sponsor Reklam
media venus

Çevrimdışı ßyßurak
 Tarih: 13-10-2013, Saat:21:53
(Son Düzenleme: 13-10-2013, Saat:21:54, Düzenleyen: ßyßurak.)
#1
Font Awesome Nedir?

Font awesome fontla yapılmış icon sistemi diyebiliriz, günümüzde bir çok çalışma ve projelerde yoğun olarak kullanılıyor ve her geçen gün kullanımı artıyor. ( Detaylı bilgi )

Font Awesome Nasıl Kullanılır?

Font awesome iconlarını kendi web sitemize eklememiz için aşağıdaki adımları uygulayınız;
  • “font-awesome.css” css dosyasını web sitemize eklemek. Burada belirtmek isterim ki css kullanmayanlar için less (Less Nedir? Nasıl kullanılır ?) veya sass (Sass Nedir?) versiyonlarıda mevcuttur.
  • “font-awesome.css” dosyasındaki @font-face olarak belirttiğimiz fontların konumlarını ayarlamak.

Font Awesome Kullanımında Teknik Bilgiler:
  • İconların boylarını büyütmek istiyorsanız yapmanız gereken tek şey i tagına önceden tanımlanmış boy class’ları eklemek. Önceden tanımlanmış boylar (icon-large, icon-2x, icon-3x, icon-4x);
Kod:
<i class="icon-cloud-download icon-large"></i>
  • İconlara animasyon vermek için yapmanız gereken tek şey i tagına “icon-spin” classını eklemek. Bu özellik ie7,ie8,ie9 tarayıcılarında çalışmamaktadır.
Kod:
<i class="icon-cloud-download icon-spin"></i>
  • Eklediğimiz icona border vermek için;
Kod:
<i class="icon-cloud-download icon-border"></i>

indir-download

Font Awesome İndir

Kaynak: mdtrdl.com
Kaynak: mybbturko.com
Cevapla
Bunu Beğenenler: Time Traveler
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı SvMedeT
 Tarih: 14-10-2013, Saat:00:47
#2
Teşekkürler @Burak,

Kendi temamda kullanıyorum çok güzel.

Demo olarak bakabilirsiniz;
Kod:
http://mdtrdl.com/

Sitemdeki temada hiç resim bulunmuyor, görünen resimler ise fonttur. font-family ile eklenir.

Arıca orjinal yazı;
Kod:
http://mdtrdl.com/font-awesome-hakkinda.html
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  BossTR CSS Kullanımı [Makale + Döküman] BossTR 2 835 15-03-2014, Saat:21:49
Son Yorum: BossTR
  Font Özellikleri SvMedeT 1 1,112 23-10-2012, Saat:15:55
Son Yorum: S.G



Konuyu Okuyanlar: 1 Ziyaretçi