Css ile download butonu yapımı

Css kodlarına iyice merak saldığım şu sıra kodları elimden geldiği kadar blog tasarımımı iyileştirmede kullanıyorum. Bugün de paylaştığım temalar için demo-download butonu yapımını araştırırken Uğur Dalkıran'ın çok güzel bir anlatımına denk geldim ve kendi blogumda kaynak belirterek kullanmak istedim. Umarım işinize yarar...

Öncelikle temanızda

]]></b:skin>

kodunu bulun ve bu kodun hemen üstüne

#buton-one{
background-image:url(http://1.bp.blogspot.com/-s7wIrwDy3fM/Ty2HKkNfoMI/AAAAAAAACZ0/dy9sthmuxh4/s1600/buton.png);
background-position:0px 0px;
width:250px;
height:37px;
padding-top:14px;
}
#buton-one:hover{
background-position:-250px 0px;
}
#buton-one a{
font-size:17px;
font-family:Myriad Pro;
text-decoration:none;
color:#fff;
}

kodunu yapıştırın ve temanızı kaydedin.

Daha sonra butonları kullanmak istediğiniz yeni kayıt bölümünün Html'yi Düzenle kısmına

<div id="buton-one"><a href="#"><center>Demodownloadbutton</center></a></div>

kodunu ekleyin, işlem tamamdır :)Konu için "hitadama" teşekkürler

Posted in: css, css dersi, Css ile download butonu yapımı, css kullanımı