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:confused: Üzerine geldiğimiz zaman diğer butonların rengi soluyor kendisi ise koyulaşıyor. Hoşuma gitti uğraştım ama beceremedim :o
jquery ile bunu nasıl yapabilirim |
4 Mesajlar | 1.949 Okunma | ||
- Üyelik 09.12.2010
- Yaş/Cinsiyet 33 /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 781
- Beğeniler 224 / 218
- Ticaret 1, (%100)
- Üyelik 26.10.2010
- Yaş/Cinsiyet 34 / E
- Meslek 2
- Konum Manisa
- Ad Soyad B** D**
- Mesajlar 4926
- Beğeniler 784 / 3953
- Ticaret 18, (%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:
Daha sonra ikonları aşağıdaki gibi sayfada eklemek istediğin yere ekleyebilirsin:
Yine lazım olur diye yapılmış örneğinide hazırladım. Aşağıdaki adresten indirebilirsin:
>> http://hotfile.com/dl/125374925/494d9f6/jquery-opacity-wmaraci-com.rar.html
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:
<script>
/* 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:
Yine lazım olur diye yapılmış örneğinide hazırladım. Aşağıdaki adresten indirebilirsin:
>> http://hotfile.com/dl/125374925/494d9f6/jquery-opacity-wmaraci-com.rar.html
- Üyelik 20.05.2011
- Yaş/Cinsiyet - / E
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 440
- Beğeniler 0 / 2
- Ticaret 8, (%100)
MR. Hızır :)
- Üyelik 09.12.2010
- Yaş/Cinsiyet 33 /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 781
- Beğeniler 224 / 218
- Ticaret 1, (%100)
Teşekkürler burak oldu çokta iyi oldu hatta :)
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)