Download buton tasarımları

0
732
views

DownBut

Bu gün sizlere farklı şekillerde  birkaç  buton örneği  hazırladım. Toplamda altı tane  farklı download butonu  bulunuyor demo sayfasında. Daha fazla  hazırlamak isterdim ama inanmayacaksınız baya zaman alıyor. Sürekli aynı şeyi tekrarlayınca da tahmin edemeyeceğiniz kadar sıkıcı oluyor. Renkleri editör  yardımıyla  seçtim. Manuel  olarak bu renkleri tutturmam günlerimi alır  zaten 🙂 Resimde de gördüğünüz gibi bazı butonlar düz, bazıları hafif oval, bazılar  tam oval,  diğer  üç butonda  belirli köşeleri oval olarak ayarladım. Her buton için hover (mouse üzerine  gittiğinde renk değiştirme) ve active (mouse ile tıklandığında renk değiştirme) özellikleri bulunuyor.  Bu da 6 buton için 18 farklı sınıflandırma demek oluyor. Bu yüzden bütün butonların kodlarını burda paylaşmayacağım. Sadece örnek olarak bir  butonun ekleyeceğim. Geri kalanını dosyayı indirerek elde edebilirsiniz. Butonlar buton, buton1, buton2, vs diye ayarlanmış. Kullanmak istediğiniz butonun numarasına göre kodları  almanız  sizin için yeterli olacaktır. Ayrıca butonlar üzerinde bulunan resimler  için Font Awesome’nin ikonik fontlarını kullandım. Sanırım bir kaç çeşit değişik download ikonu daha olacaktı demoya eklemediğim. Dilerseniz buradan diğer ikon download ikonlarını butonlara ekleyebilir  yada başka amaçlarla kullanmak için değişik türden ikonlar da kullanabilirsiniz.

Kullanım

  • Head etiketler arasına eklemeniz gereken bölüm.

Font Awesome adresi :

 Css :

  •  Body etiketleri arasına eklemeniz gereken bölüm.

Html :

Aranan kelimeler:

  • Buton Tasarımı
  • html buton tasarımları
  • uzerine tiklandiginda indir butonu
1 oy (No Ratings Yet)
Loading...
Önceki İçerikDrop-Down Green
Sonraki İçerikDrop down vertical nav
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here