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?
CSS Sprite'da Sağ Sol sorunu |
5 Mesajlar | 1.031 Okunma | ||
- Üyelik 11.09.2011
- Yaş/Cinsiyet 28 / E
- Meslek Elektrik-Elektronik Mühendisi
- Konum Eskişehir
- Ad Soyad E** K**
- Mesajlar 1223
- Beğeniler 243 / 336
- Ticaret 2, (%100)
herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.
- Üyelik 20.11.2011
- Yaş/Cinsiyet 40 / E
- Meslek serbest
- Konum
- Ad Soyad ** **
- Mesajlar 645
- Beğeniler 161 / 110
- Ticaret 21, (%100)
Sprite x-y yapacaksan dizilimi ona göre ayarlaman gerekli. Bknz. sağında ve solunda başka obje bulunmasın back için denemedim ama sanırım en alta yerleştirirsen x-y olur
- Üyelik 18.04.2012
- Yaş/Cinsiyet 36 / E
- Meslek Web & Android Developer
- Konum
- Ad Soyad M** O**
- Mesajlar 423
- Beğeniler 60 / 44
- Ticaret 0, (%0)
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?
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...
- Üyelik 10.11.2011
- Yaş/Cinsiyet 41 / E
- Meslek Nakliyat
- Konum
- Ad Soyad C** A**
- Mesajlar 417
- Beğeniler 184 / 76
- Ticaret 1, (%100)
css sprite tekniği kullanarak repeat işlemi yapamazsınız.
- Üyelik 20.11.2011
- Yaş/Cinsiyet 40 / E
- Meslek serbest
- Konum
- Ad Soyad ** **
- Mesajlar 645
- Beğeniler 161 / 110
- Ticaret 21, (%100)
css sprite tekniği kullanarak repeat işlemi yapamazsınız.
Biraz uğraştırır ama dizilimi ona göre yaparsanız repeat işlemi oluyor.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)