Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Font Awesome 5 Kullanımı
#1
Merhabalar, bildiğiniz üzere font awesome kökten değişim yaptı ve 5.0 versiyonuna geçti.
Birçok arkadaş sitesine eklerken zorlanacak diye düşünüyorum. O yüzden kullanım konusu açayım dedim.
İlk olarak bu kodu headerinclude şablonunda istediğiniz yere ekleyin.

Kod:
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

Sonra bu siteden istediğiniz ücretsiz(sol kısımdan Free butonuna basınız.) iconu seçin:

Kod:
https://fontawesome.com/icons

Örnek veriyorum seçtiğimiz ikon bu:

Kod:
<i class="fas fa-bicycle"></i>

Nereye eklemek istiyorsak seçtiğimiz ikonun kodunu oraya ekliyoruz. Eklediğimiz zaman ikon gözükecektir.

Not: Eklediğimiz iconlar svg kodu ile gözükecektir. Bence bu gayet güzel bir sistem.
2. Not: Seçtiğimiz iconun classında far fal değilde fas olmasına dikkat edin. Aksi taktirde icon gözükmeyecektir.
3. Not: Zaten Font Awesome'nin eski sitesine girmiyor. Font Awesome 4.7 sürümünü ancak eski kodlar ile kullanabilirsiniz.
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#2
Anlatım İçin Teşekkürler
Ara
Cevapla PGM
Teşekkür verenler:
#3
Yararlı bir konu olmuş, tebrikler.
Cevapla PGM
Teşekkür verenler:
#4
İlk çıktığında haberim olmuştu ancak mybb de kullanmadım.

Teşekkürler
Bana ulaşmak için / http://english.10tl.net

MybbPHPVB.NETHTMLCSS MySQL                                    

Eğer eleştiriden korkuyorsanız, dünyadan hiçbir şey yapmadan geçip gideceksiniz demektir. 
Cevapla PGM
Teşekkür verenler:
#5
Kullanım yine aynı yalnız sadece siteden kopyalayacağınız kod değişmiş.
Ara
Cevapla PGM
Teşekkür verenler:
#6
Teşekkür ederim kullanırım ben bunu.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping