lostyazilim
tr.link

Üzerine gelince beliren buton!

17 Mesajlar 3.909 Okunma
lstbozum
tr.link

heaton11 heaton11 hokkanindibi.com Kullanıcı
  • Üyelik 16.07.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum Bilecik
  • Ad Soyad A** Ş**
  • Mesajlar 137
  • Beğeniler 12 / 14
  • Ticaret 19, (%100)

ulas adlı üyeden alıntı

doğrudur hata bendeymiş :)

http://jsfiddle.net/MDy8e/1/

çalışan örneği burada.

Ek Olarak: konuyu ve sitenizi takip ediyorum bilginiz olsun ;)


Aynısını uyguluyorum olmuyor :D peki hocam javascript ile konunun üzerine geldiğinde ozetgec'in css kodlarını değiştirsek display:none; komutunu display:block; yapsak olabilir öyle bir şey?
 

 

http://wmaraci.com/forum/ucretli-wp-temalari/ucretli-wp-temasi-hazirlanir-89772.html
wmaraci
reklam

ulasw ulasw WM Aracı Kullanıcı
  • Üyelik 03.05.2013
  • Yaş/Cinsiyet 37 / E
  • Meslek PHP
  • Konum Denizli
  • Ad Soyad ** **
  • Mesajlar 54
  • Beğeniler 7 / 8
  • Ticaret 0, (%0)
hani jquery kodları yok sitenizde?

$(".box").hover(function(){
var id= $(this).attr('id');
$("#button_"+ id).fadeIn(500);
},function () {
var id= $(this).attr('id');
$("#button_"+ id).fadeOut(500);
});


bu kodları ekleyin düzenleme yaptım

hocam siz naptınız ben size örnek verdim o divleri?



siz button ları niye eklediniz :)
 

 

maybe 1 day! but not today! | w2z.org

heaton11 heaton11 hokkanindibi.com Kullanıcı
  • Üyelik 16.07.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum Bilecik
  • Ad Soyad A** Ş**
  • Mesajlar 137
  • Beğeniler 12 / 14
  • Ticaret 19, (%100)
yok hocam var bakın şu şekilde ekledim wp_footer(); 'ın üstüne <script>
$.(".box").hover(function(){
var id= $(this).attr('id');
$.("#button_"+ id).fadeIn(500);
},function () {
$("#button_"+ id).fadeOut(500);
});
</script>
 

 

http://wmaraci.com/forum/ucretli-wp-temalari/ucretli-wp-temasi-hazirlanir-89772.html

ulasw ulasw WM Aracı Kullanıcı
  • Üyelik 03.05.2013
  • Yaş/Cinsiyet 37 / E
  • Meslek PHP
  • Konum Denizli
  • Ad Soyad ** **
  • Mesajlar 54
  • Beğeniler 7 / 8
  • Ticaret 0, (%0)

heaton11 adlı üyeden alıntı

yok hocam var bakın şu şekilde ekledim wp_footer(); 'ın üstüne <script>
$.(".box").hover(function(){
var id= $(this).attr('id');
$.("#button_"+ id).fadeIn(500);
},function () {
$("#button_"+ id).fadeOut(500);
});
</script>


dostum

$(".box").hover(function(){
var id= $(this).attr('id');
$("#button_"+ id).fadeIn(500);
},function () {
var id= $(this).attr('id');
$("#button_"+ id).fadeOut(500);
});


bunu eklemen gerektiğini söylüyorum bende sana :)

Ek Olarak: arkadaşım başına ve sonuna <script>
$(".box").hover(function(){
var id= $(this).attr('id');
$("#button_"+ id).fadeIn(500);
},function () {
var id= $(this).attr('id');
$("#button_"+ id).fadeOut(500);
});
</script>
taglarını eklesene :D
 

 

maybe 1 day! but not today! | w2z.org
wmaraci
wmaraci

heaton11 heaton11 hokkanindibi.com Kullanıcı
  • Üyelik 16.07.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum Bilecik
  • Ad Soyad A** Ş**
  • Mesajlar 137
  • Beğeniler 12 / 14
  • Ticaret 19, (%100)

ulas adlı üyeden alıntı

dostum

$(".box").hover(function(){
var id= $(this).attr('id');
$("#button_"+ id).fadeIn(500);
},function () {
var id= $(this).attr('id');
$("#button_"+ id).fadeOut(500);
});


bunu eklemen gerektiğini söylüyorum bende sana :)

Ek Olarak: arkadaşım başına ve sonuna taglarını eklesene :D


script taqları olmadan mı :confused: alın ekledim
 

 

http://wmaraci.com/forum/ucretli-wp-temalari/ucretli-wp-temasi-hazirlanir-89772.html

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Css ile çok kolay bir şekilde halledebilirdiniz.

.box:hover > .ozetgec {display:block;} şeklinde.

Ek Olarak: Bu şekilde yaparsanız bütün butonlar aynı anda görünür :) Düşünememiştim bunu. Js gerekiyor.
 

 

heaton11 heaton11 hokkanindibi.com Kullanıcı
  • Üyelik 16.07.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum Bilecik
  • Ad Soyad A** Ş**
  • Mesajlar 137
  • Beğeniler 12 / 14
  • Ticaret 19, (%100)

cgrclk adlı üyeden alıntı

Css ile çok kolay bir şekilde halledebilirdiniz.

.box:hover > .ozetgec {display:block;} şeklinde.

Ek Olarak: Bu şekilde yaparsanız bütün butonlar aynı anda görünür :) Düşünememiştim bunu. Js gerekiyor.

tamamdır hocam hallettik zaten sağolsun ulas hocam yardımcı oldu sende sağol. :)
 

 

http://wmaraci.com/forum/ucretli-wp-temalari/ucretli-wp-temasi-hazirlanir-89772.html
wmaraci
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al