Merhaba, www.famousprintings.com sitesinde bulunan logonun üzerine gelince değişmesini istiyorum.
Logo normal hali:
http://www.famousprintings.com/wp-content/uploads/2020/05/ff13081f-719c-4925-aa02-300322742368.png
Üzerine gelince değişecek hali:
http://www.famousprintings.com/wp-content/uploads/2020/05/064d4d96-a7e9-444a-920e-4d6215f4c8a8.png
Yardımcı olabilir misiniz?
Üzerine gelince logonun değişmesi |
12 Mesajlar | 1.460 Okunma | ||
- Üyelik 28.09.2014
- Yaş/Cinsiyet 25 / E
- Meslek Yönetici
- Konum Antalya
- Ad Soyad O** E**
- Mesajlar 33
- Beğeniler 5 / 5
- Ticaret 0, (%0)
- Üyelik 23.11.2013
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum Balıkesir
- Ad Soyad T** G**
- Mesajlar 22
- Beğeniler 2 / 7
- Ticaret 0, (%0)
Css ile iki class tanımlayarak bu işlemi yapabilirsiniz.
.resim {
background-image: url(orijinal.png);
}
.resim:hover {
background-image: url(degisecek.png);
}
.resim {
background-image: url(orijinal.png);
}
.resim:hover {
background-image: url(degisecek.png);
}
- Üyelik 28.09.2014
- Yaş/Cinsiyet 25 / E
- Meslek Yönetici
- Konum Antalya
- Ad Soyad O** E**
- Mesajlar 33
- Beğeniler 5 / 5
- Ticaret 0, (%0)
Dediğiniz işlemi wordpress Ek CSS sayfasından yapıyorum ama değişmiyor. Eklediğim kod şu şekilde;
.regular-logo {
background-image: url(http://www.famousprintings.com/wp-content/uploads/2020/05/ff13081f-719c-4925-aa02-300322742368.png);
}
.regular-logo:hover {
background-image: url(http://www.famousprintings.com/wp-content/uploads/2020/05/064d4d96-a7e9-444a-920e-4d6215f4c8a8.png);
} 
- Üyelik 07.10.2016
- Yaş/Cinsiyet 27 / E
- Meslek Web Developer
- Konum Antalya
- Ad Soyad Y** T**
- Mesajlar 710
- Beğeniler 190 / 276
- Ticaret 12, (%100)
Web site adresini iletir misiniz kontrol edeyim?
- Üyelik 28.09.2014
- Yaş/Cinsiyet 25 / E
- Meslek Yönetici
- Konum Antalya
- Ad Soyad O** E**
- Mesajlar 33
- Beğeniler 5 / 5
- Ticaret 0, (%0)
- Üyelik 07.10.2016
- Yaş/Cinsiyet 27 / E
- Meslek Web Developer
- Konum Antalya
- Ad Soyad Y** T**
- Mesajlar 710
- Beğeniler 190 / 276
- Ticaret 12, (%100)
osmanevgin
.regular-logo:hover classına display: block; eklendiği zaman sorununuz çözülmüş olacaktır.
.regular-logo:hover classına display: block; eklendiği zaman sorununuz çözülmüş olacaktır.
- Üyelik 28.02.2020
- Yaş/Cinsiyet 23 / E
- Meslek Web Tasarım Öğrencisi
- Konum Tokat
- Ad Soyad E** Y**
- Mesajlar 231
- Beğeniler 12 / 41
- Ticaret 0, (%0)
Hocam sitenizde resimlerin üzerine gelince çıkan açıklama ve büyüme efektini ne kullanarak yaptınız acaba?
Yaşasın Açık Kaynak
Kişisel BLOG www.enesdenemeler.blogspot.com
Kişisel BLOG www.enesdenemeler.blogspot.com
- Üyelik 03.04.2019
- Yaş/Cinsiyet 29 / E
- Meslek .
- Konum Trabzon
- Ad Soyad A** K**
- Mesajlar 905
- Beğeniler 393 / 395
- Ticaret 3, (%100)
Hepsi css, transform: scale() ve transition özelliklerini inceleyin. Bayzekk9a
- Üyelik 28.02.2020
- Yaş/Cinsiyet 23 / E
- Meslek Web Tasarım Öğrencisi
- Konum Tokat
- Ad Soyad E** Y**
- Mesajlar 231
- Beğeniler 12 / 41
- Ticaret 0, (%0)
Teşekkürler:)
Yaşasın Açık Kaynak
Kişisel BLOG www.enesdenemeler.blogspot.com
Kişisel BLOG www.enesdenemeler.blogspot.com
- Üyelik 23.11.2013
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum Balıkesir
- Ad Soyad T** G**
- Mesajlar 22
- Beğeniler 2 / 7
- Ticaret 0, (%0)
Dediğiniz işlemi wordpress Ek CSS sayfasından yapıyorum ama değişmiyor. Eklediğim kod şu şekilde;
.regular-logo {
background-image: url(http://www.famousprintings.com/wp-content/uploads/2020/05/ff13081f-719c-4925-aa02-300322742368.png);
}
.regular-logo:hover {
background-image: url(http://www.famousprintings.com/wp-content/uploads/2020/05/064d4d96-a7e9-444a-920e-4d6215f4c8a8.png);
}Class ı imaja verdiğiniz için sorun yaşıyorsunuz. Class ı sadece bir div açıp verin
gibi
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)