Ana Sayfa » , , , » CSS Sprite İle Buton Oluşturma

CSS Sprite İle Buton Oluşturma

Yazar Murat Akgün on 8 Şubat 2013 Cuma | 23:12

Ugur Dalkıran'ın anlattığı ve hoşuma giden buton kodlarını paylaşacağım.Css sprite tekniği kullanılarak oluşturulan bu butonlar sayesinde blogunuza,sitenize estetik bir görüntü katabilirsiniz.Özellikle indir butonu olarak kullanılabilir.

Css Kodu:

#buton-one{
 background-image:url(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;
}


HTML KODU:


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

Kaynak: http://ugurdalkiran.com/css-sprite-ile-indir-butonu-yapalim.html

0 yorum:

Yorum Gönder