ErenKeskin adlı üyeden alıntı

Sprite tekniğini kullanarak temamı kodluyorum ancak takıldığım 1-2 nokta var.

Benim arkaplanım tekrarlanan bir arkaplan bunu nasıl yapacağım?
background: url("sprite.png")right; şeklinde olan kodumu nasıl sprite'a ekleyeceğim?


Eğer backgroundun tekrarlamasını istemiyorsan

background: url("sprite.png") right no-repeat 0px 0px; değeri girmen lazım ancak arka planı verdiğin css 'e width height de vermen lazım ki sprite tekniği işe yarasın.


örn;

#sprite {
width:200px;
height:50px;
background: url("sprite.png") right no-repeat 0px 0px;
display:block}

#sprite:hover {width:200px;
height:50px;
background: url("sprite.png") right no-repeat -200px 0px;
display:block}

Kodları incelersen burada sprite adında bir id ve üstüne gelince değişicek resmi belirledik.Kodlar tam olarak çalışmayabilir ancak sana yol gösterici olacaktır...