1. Ana Sayfa
  2. Diğer,
  3. Siteniz için Muhteşem İndir ve Önizleme Butonu

Siteniz için Muhteşem İndir ve Önizleme Butonu

Siteniz için Muhteşem İndir ve Önizleme Butonu

İndirme veya görsel içerik paylaşımı üzerine siteniz varsa bu butonlar tam size göre. Şık görünümü ve renkleri ile her alana uyumlu olacaktır. Özenerek çizdiğim bu butonları sitenize eklemek çok kolay. Butonları kodlarken boyutunu küçülttüm ve sprite uyguladım. 2.42 Kb olan sprite resmi sitenizi kesinlikle kasmaz. Aşağıda canlı demosunu ve kodlarını görebilirsiniz. İyi kullanımlar dilerim.

Ön İzleme


HTML Kodu

<a href="#onizleme-adresi" class="onizleme"></a> <a href="#indirme-adresi" class="indir"></a>

CSS Kodu

.onizleme,.indir{width:200px;height:48px;float:left;transition:0.25s;-webkit-transition:0.25s;-moz-transition:0.25s} .onizleme:hover,.indir:hover{opacity:0.75;-webkit-opacity:0.75;-moz-opacity:0.75;transition:0.25s;-webkit-transition:0.25s;-moz-transition:0.25s} .onizleme{margin-right:10px;background:url(https://lh5.googleusercontent.com/-0-ilFOiGVNI/UzGXsUiyRrI/AAAAAAAAJkM/lNbrnnzqEfI/s400/buton-sprite.png) 0 0} .indir{background:url(https://lh5.googleusercontent.com/-0-ilFOiGVNI/UzGXsUiyRrI/AAAAAAAAJkM/lNbrnnzqEfI/s400/buton-sprite.png) -200px 0}

Tarih: 26 Mart 2014 Çarşamba

Kategori:

Yazar: Blogger yazarı

Etiketler: indir butonu, önizleme butonu, buton kodu

Yorumlar