İ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
Kodlar
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/AAAAAAA