Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > jQuery

jquery ile bunu nasıl yapabilirim

  #1  
Okunmamış 30 Temmuz 2011, 03:04
Avatar Seçilmemiş
Sms Onayı Gerekli
 
Üyelik Tarihi: 09 Aralık 2010
Yaş / Cinsiyet: 28 /
Meslek: Belirtilmedi
Ad, Soyad:
Mesajlar: 793
Beğeniler: 229 / 230
Ticaret: 1, 100%
Merhaba arkadaşlar

http://themes.designcrumbs.com/reviewer/

bu sitede ki sağ üst kısımda ki sosyal ağlar kısmını nasıl yapabilirim Üzerine geldiğimiz zaman diğer butonların rengi soluyor kendisi ise koyulaşıyor. Hoşuma gitti uğraştım ama beceremedim
  #2  
Okunmamış 30 Temmuz 2011, 03:35
admin Adlı Üyenin Avatarı
Kurucu / Yönetici
 
Üyelik Tarihi: 26 Ekim 2010
Cinsiyet: Erkek
Konum: İzmir
Ad, Soyad: Bu... Dü...
Mesajlar: 3.799
Beğeniler: 3389 / 807
Ticaret: 15, 100%
Öncelikle sayfanda jquery olup olmadığından emin ol. Eğer yoksa aşağıdaki bağlantıdan jquery indir ve sayfana ekle.

Not: Wordpress blog kullanıyorsan ve kullandığın temada veya eklentilerde jquery efektler varsa çok büyük ihtimalle jquery ekli olacaktır.

>> http://jquery.com


Daha sonra yapman gereken iki şey var. Biri javascript kodunu head etikletleri arasına eklemek, ve sayfada belli bir div id ve img class ile ikonlarını tanıtmak.

Javascript ile başlayalım.

Aşağıdaki kodu head kodları arasına ekle:

Kod:
<script type="text/javascript">
	/* <![CDATA[  */ 
	var J = jQuery.noConflict();
	J(document).ready(function(){
		J("#sosyalikonlar").delegate("img", "mouseover mouseout", function(e) {
			if (e.type == 'mouseover') {
				J("#sosyalikonlar a img").not(this).dequeue().animate({opacity: "0.3"}, 300);
    		} else {
				J("#sosyalikonlar a img").not(this).dequeue().animate({opacity: "1"}, 300);
   			}
		});
	});
	/* ]]> */
</script>
Daha sonra ikonları aşağıdaki gibi sayfada eklemek istediğin yere ekleyebilirsin:

HTML Kodu:
<div id="sosyalikonlar">
<a href="#" title="Twitter"><img style="opacity: 1;" src="resimler/twitter.png" alt="Twitter"></a>
<a href="#" title="Facebook"><img style="opacity: 1;" src="resimler/facebook.png" alt="Facebook"></a>
<a href="#" title="Flickr"><img style="opacity: 1;" src="resimler/flickr.png" alt="Flickr"></a>
<a href="#" title="Tumblr"><img style="opacity: 1;" src="resimler/tumblr.png" alt="Tumblr"></a>
<a href="#" title="Vimeo"><img style="opacity: 1;" src="resimler/vimeo.png" alt="Vimeo"></a>
</div>
Yine lazım olur diye yapılmış örneğinide hazırladım. Aşağıdaki adresten indirebilirsin:

>> http://hotfile.com/dl/125374925/494d...i-com.rar.html
  #3  
Okunmamış 30 Temmuz 2011, 03:38
Avatar Seçilmemiş
Üyeliği Durdurulmuş
 
Üyelik Tarihi: 20 Mayıs 2011
Cinsiyet: Erkek
Meslek: Belirtilmedi
Ad, Soyad:
Mesajlar: 431
Beğeniler: 2 / 0
Ticaret: 8, 100%
MR. Hızır
  #4  
Okunmamış 30 Temmuz 2011, 14:31
Avatar Seçilmemiş
Sms Onayı Gerekli
 
Üyelik Tarihi: 09 Aralık 2010
Yaş / Cinsiyet: 28 /
Meslek: Belirtilmedi
Ad, Soyad:
Mesajlar: 793
Beğeniler: 229 / 230
Ticaret: 1, 100%
Teşekkürler burak oldu çokta iyi oldu hatta
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > jQuery


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 06:29.