Arkadaşlar kolay gelsin,
Örnek vererek derdimi anlatayım.
Soluk renkli bir twitter resminin üzerine gelince parlak renkli resmi göstermek istiyorum.
Yani mouse üzerine gelince değişmesi lazım.
Java ile mi, css ile mi nasıl yaparım acaba?
Üzerine Gelince Değişen Resim |
12 Mesajlar | 18.400 Okunma | ||
- Üyelik 14.11.2013
- Yaş/Cinsiyet 35 / E
- Meslek Private Sector
- Konum Malatya
- Ad Soyad E** A**
- Mesajlar 819
- Beğeniler 1 / 211
- Ticaret 0, (%0)
- Üyelik 26.11.2013
- Yaş/Cinsiyet 30 / E
- Meslek Web master
- Konum Isparta
- Ad Soyad A** M**
- Mesajlar 225
- Beğeniler 85 / 59
- Ticaret 9, (%100)
css ile yapabilirsin.soluk ve canlısını tek resim olarak al.alana background olarak resmi ver ve backgroun position ile soluk olanı göster.hover alayındada background position ile canlı olanı göster.
www.ustaderslik.com
- Üyelik 14.11.2013
- Yaş/Cinsiyet 35 / E
- Meslek Private Sector
- Konum Malatya
- Ad Soyad E** A**
- Mesajlar 819
- Beğeniler 1 / 211
- Ticaret 0, (%0)
css ile yapabilirsin.soluk ve canlısını tek resim olarak al.alana background olarak resmi ver ve backgroun position ile soluk olanı göster.hover alayındada background position ile canlı olanı göster.
Örnek kod yazar mısın?
- Üyelik 26.11.2013
- Yaş/Cinsiyet 30 / E
- Meslek Web master
- Konum Isparta
- Ad Soyad A** M**
- Mesajlar 225
- Beğeniler 85 / 59
- Ticaret 9, (%100)
www.ustaderslik.com
- Üyelik 14.11.2013
- Yaş/Cinsiyet 35 / E
- Meslek Private Sector
- Konum Malatya
- Ad Soyad E** A**
- Mesajlar 819
- Beğeniler 1 / 211
- Ticaret 0, (%0)
o verdiğin pozisyonlar başka çözünürlüklerde kayma yapar
- Üyelik 26.11.2013
- Yaş/Cinsiyet 30 / E
- Meslek Web master
- Konum Isparta
- Ad Soyad A** M**
- Mesajlar 225
- Beğeniler 85 / 59
- Ticaret 9, (%100)
o verdiğin pozisyonlar başka çözünürlüklerde kayma yapar
bi zahmet onuda resme göre deneye deneye sen ayarlayı ver.
www.ustaderslik.com
- Üyelik 14.11.2013
- Yaş/Cinsiyet 35 / E
- Meslek Private Sector
- Konum Malatya
- Ad Soyad E** A**
- Mesajlar 819
- Beğeniler 1 / 211
- Ticaret 0, (%0)
bi zahmet onuda resme göre deneye deneye sen yarlayı ver.
anlamadınız galiba. herkes bilgisayarında aynı çözünürlüğü kullanmıyor.
ben 1280*1024 de ayarlarım daha düşükte kayma yapar.
bir zahmet sizde bunu düşünün.
- Üyelik 13.03.2012
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 996
- Beğeniler 210 / 211
- Ticaret 3, (%100)
.resim {
background: url(resimyolu.uzanti);
width: 200px;
height: 200px;
}
.resim:hover {
background: url(resimyolu2.uzanti);
}
Bu en basit halidir. Buna, süre ve opacity vb. eklemeler yapabilirsin.
http://css3maker.com/ bu adres işine yarar.
Ek olarak;
http://jsfiddle.net/ahmettalut/Qc334/
- Üyelik 26.11.2013
- Yaş/Cinsiyet 30 / E
- Meslek Web master
- Konum Isparta
- Ad Soyad A** M**
- Mesajlar 225
- Beğeniler 85 / 59
- Ticaret 9, (%100)
anlamadınız galiba. herkes bilgisayarında aynı çözünürlüğü kullanmıyor.
ben 1280*1024 de ayarlarım daha düşükte kayma yapar.
bir zahmet sizde bunu düşünün.
ben 1280*1024 de ayarlarım daha düşükte kayma yapar.
bir zahmet sizde bunu düşünün.
alan boyutunu px ile yaparsan hiçbir sorun olmaz.eğer % ile çalışıyosan 2 farklı resim yapıp direk atama yapacam.background-sizesinide % ler ile ayarlarsın.
www.ustaderslik.com
- Üyelik 30.11.2013
- Yaş/Cinsiyet 31 / E
- Meslek Öğrenci
- Konum Kayseri
- Ad Soyad A** S**
- Mesajlar 3
- Beğeniler 0 / 0
- Ticaret 0, (%0)
bunu html ile de yapabilirsin
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)