HTML TEMELLERİ
HTML NEDİR ? HTML Başlık(Heading) HTML Paragraf(Paragraphs) HTML Yazı Stili(Font Style) HTML Yazı Formatları(Format Text) HTML Renk Kodları(Color Codes) HTML Link Verme-Ekleme HTML Resim Ekleme(Add a Image) HTML Tablo Ekleme(Add a Table) HTML Liste Ekleme(Add a List) HTML Web Site Penceresi Ekleme(Iframe) HTML Head ve Meta Etiketleri HTML Semboller(Symbols) HTML Form HTML Form Elemanları(Form Elements) HTML Form Giriş Özellikleri (Form Input Properties)
HTML5
İLERİ SEVİYE
HTML 5 NEDİR? HTML Sayfa Bölümleri HTML Form Giriş(Input) Özellikleri HTML Form Elementleri HTML Form Özellikleri(Form Properties) HTML Canvas Kullanımı HTML SVG Kullanımı HTML Video Ekleme-Oynatma(Video Player) HTML Ses Ekleme-Oynatma(Audio Player)
CSS TEMELİ
CSS NEDİR ? CSS CSS-HTML İlişkisi CSS Backgrounds(Arkaplan) CSS Border(Kenarlık) CSS Margins(Dış Boşluk) CSS Padding(İç Boşluk) CSS Height and Width(Yükseklik ve Genişlik) CSS Box Model(Kutu Modeli) CSS Outline(Dış Çizgi) CSS Text(Metin) CSS Fonts(Yazı) CSS Icons(Ikon) CSS Links CSS List(Liste) CSS Tables(Tablolar) CSS Display(Görüntü-Ekran) CSS Layout - Width and Max-width(Yerleşim - Genişlik ve Max Genişlik) CSS Positon(Durum) CSS Overflow(Taşma) CSS Layout-Float and Clear(Yerleşim - Yön ve Temizliği) CSS Image Opacity / Transparency(Opaklık/Saydamlık) CSS Navigation Bar(Gezinme Menüsü)
css icon ekleme
css ikonlar
css ikonlu menü
css icon
css menüye icon ekleme
css a icon
css icon code
css icon codes
css icon code list
css icon kullanımı
css icon list
css icon position
css icon select option
css icon user
css yes icon
css icons example
css icons list
css icons code
css icons align
css icons menu
css bootstrap social icons
bootstrap icons css file
bootstrap css icons examples
bootstrap css icons list
bootstrap icons css code
css for bootstrap icons
css google material icons
google css icons list
css google material design icons
google icons in css

CSS Icons(Ikon)

<? echo $title; ?>

Web Sitenizde icon kullanmak isteyebilirsiniz. Örneğin beğen butonun yanına bir el simgesi yada bir kalp simgesi koymak isteyebilirsiniz. Dosya yüklemek isterseniz de bir dosya simgesi kullanabilirsiniz. Yani icons'ları büyük ölçüde kullanacaksınız. Kullanırken herhangi bir yerden indirmenize gerek yok. Web sitenize entegre ederek bu özelliği kullanabilirsiniz. Bunu da javascript dediğimiz dilden faydalanarak yapıyoruz. Bu dili ileri doğru öğreneceksiniz arkadaşlar ama şuan kullanmak zorundayız.

Üç farklı kütüphaneden sitenize icon setlerini entegre edebilirsiniz. Beni size üçünü de göstereceğim hangisi sitenizin tasarımına uyarsa onu aşağıdaki örneklere bakarak kullanabilirsiniz. Tabi css dilinin özelliklerinden yararlanarak da icons'ların şeklinde boyutunda bulunduğu konumda değişiklikler yapabilirsiniz.

1-Bootstrap Icons

Bootstrap üzerinden gelen icons kütüphanesini kullanacağız bu örneğimizde...

Kullanımı: