arkadaşlar sitede MOUSE ile menülerin üzerine gelince menünün aşağıya doğru 5-10px kayması ve tekrar mouseyi çekince eski haline gelmesi için nasıl bir kod kullanmalıyım?
mousemovie kodlarında birşey bulamadım ben.
Menüyü aşağıya uzatmak |
7 Mesajlar | 2.393 Okunma | ||
- Üyelik 25.02.2011
- Yaş/Cinsiyet 33 / E
- Meslek Radyoloji Teknikeri
- Konum Niğde
- Ad Soyad ** **
- Mesajlar 198
- Beğeniler 4 / 23
- Ticaret 0, (%0)
arkadaşlar sitede MOUSE ile menülerin üzerine gelince menünün aşağıya doğru 5-10px kayması ve tekrar mouseyi çekince eski haline gelmesi için nasıl bir kod kullanmalıyım?
mousemovie kodlarında birşey bulamadım ben.
- Üyelik 09.04.2011
- Yaş/Cinsiyet 30 / E
- Meslek Front-end Developer
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 1043
- Beğeniler 130 / 62
- Ticaret 5, (%100)
a:hover kısmında padding-bottom:10px yaparsan 10 px aşağıya kaydırıcaktır.
- Üyelik 29.08.2011
- Yaş/Cinsiyet 34 / E
- Meslek software developer
- Konum ABD
- Ad Soyad S** M**
- Mesajlar 615
- Beğeniler 52 / 196
- Ticaret 1, (%100)
Eğer oradaki renkli kısımlar a tagıyla değil div veya li tagıyla yapılmışsa verdiğin kod çalışmaz. Renkli yerler hangi tagla oluşturulduysa padding-bottom:10px değerini ona vermelisin.
React Dersleri YouTube Kanalı
https://www.youtube.com/c/reactdersleri
https://www.youtube.com/c/reactdersleri
- Üyelik 25.02.2011
- Yaş/Cinsiyet 33 / E
- Meslek Radyoloji Teknikeri
- Konum Niğde
- Ad Soyad ** **
- Mesajlar 198
- Beğeniler 4 / 23
- Ticaret 0, (%0)
a:hover kısmında padding-bottom:10px yaparsan 10 px aşağıya kaydırıcaktır.
Eğer oradaki renkli kısımlar a tagıyla değil div veya li tagıyla yapılmışsa verdiğin kod çalışmaz. Renkli yerler hangi tagla oluşturulduysa padding-bottom:10px değerini ona vermelisin.
a hovere padding degeri verdim oldu. teşekkürler. ama ben biraz yavaş açılıp kapanmasını istiyordum ama olsun buda idare eder teşekkürler tekrar.
- Üyelik 25.08.2011
- Yaş/Cinsiyet 30 / E
- Meslek Sağlık Personeli
- Konum İstanbul Avrupa
- Ad Soyad M** B**
- Mesajlar 433
- Beğeniler 91 / 82
- Ticaret 5, (%100)
a hovere padding degeri verdim oldu. teşekkürler. ama ben biraz yavaş açılıp kapanmasını istiyordum ama olsun buda idare eder teşekkürler tekrar.
CSS de .ustmenu ul li a:hover etiketinin üzerine şu kodu yapıştırırsanız istediğiniz sonuca ulaşmış olursunuz.
.ustmenu ul li a {
transition:padding-bottom 1s;
-moz-transition:padding-bottom 1s; /* Firefox 4 */
-webkit-transition:padding-bottom 1s; /* Safari ve Chrome */
-o-transition:padding-bottom 1s; /* Opera */
}
Ayrıca 1s yazan yerler kaç saniyede gerçekleşeciğini belirtir. Artırma ve eksiltme yapabilirsiniz.
- Üyelik 25.02.2011
- Yaş/Cinsiyet 33 / E
- Meslek Radyoloji Teknikeri
- Konum Niğde
- Ad Soyad ** **
- Mesajlar 198
- Beğeniler 4 / 23
- Ticaret 0, (%0)
muhammed649 adlı üyeden alıntı
CSS de .ustmenu ul li a:hover etiketinin üzerine şu kodu yapıştırırsanız istediğiniz sonuca ulaşmış olursunuz..ustmenu ul li a {
transition:padding-bottom 1s;
-moz-transition:padding-bottom 1s; /* Firefox 4 */
-webkit-transition:padding-bottom 1s; /* Safari ve Chrome */
-o-transition:padding-bottom 1s; /* Opera */
}
Ayrıca 1s yazan yerler kaç saniyede gerçekleşeciğini belirtir. Artırma ve eksiltme yapabilirsiniz.
evet güzel oldu teşekkür ederim. bu tür kodları (mouse üzerine gelince hareket etme, renk değiştirme, farklı bir resme geçme gibi) nereden buluruz acaba bir kaynak var mı
- Üyelik 25.08.2011
- Yaş/Cinsiyet 30 / E
- Meslek Sağlık Personeli
- Konum İstanbul Avrupa
- Ad Soyad M** B**
- Mesajlar 433
- Beğeniler 91 / 82
- Ticaret 5, (%100)
evet güzel oldu teşekkür ederim. bu tür kodları (mouse üzerine gelince hareket etme, renk değiştirme, farklı bir resme geçme gibi) nereden buluruz acaba bir kaynak var mı
Ben size http://www.w3schools.com'u öneririm. Piyasadaki en iyi kaynaktır. Türkçe değil ama biraz İngilizce ile rahatlıkla anlayabilirsiniz. Buradan başlayın sonrası zaten gelecektir..
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)