Kahkaha

Bayıldım

Cool

Kızgın

Mahcup

Öğretici

Şaşkın

Suskun

Tatlı

Üzgün

Süper

Ücretsiz ikonlar ve Css uygulamaları

Ana Sayfa » Webmaster » Ücretsiz ikonlar ve Css uygulamaları
Ücretsiz ikonlar ve Css uygulamaları

Birçok websitesi sahibi sitesini özelleştirip farklılık oluşturmayı ister.Kullanmış olduğumuz temalar ve scriptler standart ikonlara sahip olsa da biz bunları değiştirebilir veya ilave edebiliriz.Tema tasarımcıları da konumuzu ziyaret etmiş olabilirler tabii.Lafı uzatmadan içinde birçok animasyonlu ikon ve sabit ikonlar bulabileceğiniz arşiv sitemizi paylaşalım ;

http://fontawesome.io/icons/ adresine girdiğinizde ihtiyacınız olan Web Uygulama ikonları , El işaretleri , Ulaşım araçları ikonları , Cinsiyet ikonları , Dosya ikonları , Form Kontrol ( Tik işareti ) , İstatistiksel ikonlar, Text Editor ikon, Video player ikonları  gibi birçok  işarete ulaşabileceksiniz.

ikon-isaret arsivi

Temaya ikon Eklemek

http://fontawesome.io/examples/ adresinde örnek uygulamalar şeklinde gösterildiği gibi ;

<i class="fa fa-camera-retro"></i> fa-camera-retro

şeklinde koyabilir,

ikon boyutunu artırmak için fa-2x , 3x şeklinde %33 büyüme oranıyla artırabilirsiniz.

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x

Menü veya Liste uygulamalarında kullanmak için ;

<div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw"></i>&nbsp; Giriş</a>
  <a class="list-group-item" href="#"><i class="fa fa-book fa-fw"></i>&nbsp; Arşiv</a>
  <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw"></i>&nbsp; Uygula</a>
  <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw"></i>&nbsp; Ayar</a>
</div>

Ayrıca ikonları sağa yatırmak , sola yatırmak , ters çevirmek için aşağıdaki kodlardan yararlanabilirsiniz.90-180-270 dereceler saat istikametinde ikonları çevirmek için kullanılır. Diğerleri ise simetriği ve ters simetriğidir.


<i class="fa fa-shield"></i> normal<br> 
<i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90<br> 
<i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180<br> 
<i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270<br> 
<i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal<br> 
<i class="fa fa-shield fa-flip-vertical"></i> fa-flip-vertical 
 

Ücretsiz ikonlar ve Css uygulamaları - Yorumlar

YORUMLARINIZI PAYLAŞIN

 

Yapılan Yorumlar

BENZER İÇERİKLERİlginizi çekebilecek diğer içerikler

SOSYAL MEDYADA BİZSitemizin sosyal medya hesapları

ÖNE ÇIKAN KATEGORİLER

RASTGELE İÇERİKLER

Chevrolet Camaro ve Resimleri Kira Kontratında Dikkat Edilmesi Gereken Hususlar Dünyanın en sıradışı uçak yolculukları WordPress Site Taşıma Videolu Anlatım Türkiye de ki en ucuz Otomobiller iPhone’daki müzikler nasıl zil sesi yapılır?

FACEBOOK'TA BİZ

Hoşgeldiniz

Alemin Teknoloji ve Tasarım Blogu || TeknoAlem.Org - Tüm Hakları Saklıdır