Yukarıdaki css kodlarım, aşağıdaki ise div kodum.
CSS ile div üzerine geldiğinde arkaplan değiştirmek |
7 Mesajlar | 10.775 Okunma | ||
Toplam 7 mesaj ve 10.775 görüntüleme
- Üyelik 04.09.2011
- Yaş/Cinsiyet - / E
- Meslek Bilgisayar - Otomasyon
- Konum
- Ad Soyad ** **
- Mesajlar 84
- Beğeniler 0 / 3
- Ticaret 0, (%0)
Merhaba arkadaşlar, biraz css'ye merak saldım ve mouse, adresin üzerine geldiği zaman arka planı değiştirmeye uğraşıyorum. Bunda da bir miktar başarılı oldum. Ama nedense yazının hizası ve ondan sonrasında (yazının altında) resim çıktı. Ben ise komple arka planı değiştirmek istiyorum. Bunu nasıl yapabilirim?
Yukarıdaki css kodlarım, aşağıdaki ise div kodum.
Yukarıdaki css kodlarım, aşağıdaki ise div kodum.
Bir toprağın suyu özlemesi gibi özledim seni...
- Üyelik 27.03.2011
- Yaş/Cinsiyet 36 / E
- Meslek ZM
- Konum Adana
- Ad Soyad A** D**
- Mesajlar 2267
- Beğeniler 316 / 445
- Ticaret 15, (%100)
hover değeri vererek yapabilirsin örneğin
#orta a { color:Renk1; }
#orta a:hover { color:Renk2; }
gibi
aynı şeyi background-color olarak uygulayabilirsin yada resim olarak
.yazi {
background-image: url(img/resim1.png); width: xx px ; height: xx px ;
}
.yazi:hover {
background-image: url(img/resim2.png); width: xx px ; height: xx px ;
}
.yazi a {
color:#0b0b0b;
}
diye biliyorum ? şu an bilgisayar müsait değil deniyemiyorum :) ancak bu şekilde olacak diye umuyorum.. sen a ya hover vermişsin gördüğüm kadarıyla bu sadece link in arkaplanını değiştiriyor.. aynı şeyi linkinde içinde olduğu div için uygularsan olur belki :)
Yardımcı olmaya çalıştım ;)
#orta a { color:Renk1; }
#orta a:hover { color:Renk2; }
gibi
aynı şeyi background-color olarak uygulayabilirsin yada resim olarak
.yazi {
background-image: url(img/resim1.png); width: xx px ; height: xx px ;
}
.yazi:hover {
background-image: url(img/resim2.png); width: xx px ; height: xx px ;
}
.yazi a {
color:#0b0b0b;
}
diye biliyorum ? şu an bilgisayar müsait değil deniyemiyorum :) ancak bu şekilde olacak diye umuyorum.. sen a ya hover vermişsin gördüğüm kadarıyla bu sadece link in arkaplanını değiştiriyor.. aynı şeyi linkinde içinde olduğu div için uygularsan olur belki :)
Yardımcı olmaya çalıştım ;)
- Üyelik 04.09.2011
- Yaş/Cinsiyet - / E
- Meslek Bilgisayar - Otomasyon
- Konum
- Ad Soyad ** **
- Mesajlar 84
- Beğeniler 0 / 3
- Ticaret 0, (%0)
NoNe, biraz daha açabilir misin rica etsem?
Yani ben bu kodda ne gibi bir değişiklik yapmam gerekiyor?
background-color:#FF0000;
background-image: url('deneme.jpg');
Yani adresin üzerine geldiğimde sadece tablonun arka planı değişiyor.
Yani ben bu kodda ne gibi bir değişiklik yapmam gerekiyor?
background-color:#FF0000;
background-image: url('deneme.jpg');
Yani adresin üzerine geldiğimde sadece tablonun arka planı değişiyor.
Bir toprağın suyu özlemesi gibi özledim seni...
- Üyelik 27.03.2011
- Yaş/Cinsiyet 36 / E
- Meslek ZM
- Konum Adana
- Ad Soyad A** D**
- Mesajlar 2267
- Beğeniler 316 / 445
- Ticaret 15, (%100)
için
Hocam denedim şöyle oluyor
Css:
.deneme_link {
background-color: #ffa200;
}
.deneme_link:hover {
background-color: #ededed;
}
aynı şeyi arkaplan resmi için denersen olur ancak yükseklik ve genişlik değeri vermeyi unutma.Yani link e değil link in içinde bulunduğu div e vereceksin
- Üyelik 04.09.2011
- Yaş/Cinsiyet - / E
- Meslek Bilgisayar - Otomasyon
- Konum
- Ad Soyad ** **
- Mesajlar 84
- Beğeniler 0 / 3
- Ticaret 0, (%0)
Olmuyor bir türlü... Sadece adres hizası değişiyor. :(
Ek Olarak: Yani demek istediğim
background-color: #ededed;
Kodunun başına
yazsam sorun olmayacak :)
Ek Olarak: Yani demek istediğim
background-color: #ededed;
Kodunun başına
KOMPLE-SAYFA-background-color: #ededed;
yazsam sorun olmayacak :)
Bir toprağın suyu özlemesi gibi özledim seni...
- Üyelik 15.01.2012
- Yaş/Cinsiyet 30 / E
- Meslek Dil Öğrencisi
- Konum Muğla
- Ad Soyad Y** K**
- Mesajlar 1268
- Beğeniler 418 / 276
- Ticaret 15, (%100)
Biraz daha sade olarak baştan anlatabilir misin derdini anlamadım tam olarak. Ne yapmak istiyorsun?
Öyle böyle. Şöyle şöyle.
- Üyelik 04.09.2011
- Yaş/Cinsiyet - / E
- Meslek Bilgisayar - Otomasyon
- Konum
- Ad Soyad ** **
- Mesajlar 84
- Beğeniler 0 / 3
- Ticaret 0, (%0)
Fare ile adres üzerine gelindiği zaman arkaplanı değiştirmek istiyorum. Denediğim kodlarda ise, sanki bir tablo varmış gibi ADRES HİZASI arkaplan resmi değişiyor.
Teşekkür ederim CezaLet.
Teşekkür ederim CezaLet.
Bir toprağın suyu özlemesi gibi özledim seni...
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)