hibycocuk

hibycocuk

SosyalAgPaylasim2

Sosyal Ağ Paylaşım(2)

Yazar: Emre Çördükler | Yayın Tarihi: 20 Şubat 2011 | Yorum Kategori: Css Htm jQuery Menü

Merhaba,Arkadaşlar Sizlere Meşur bi Sosyal Ağ Paylaşım kodu suncam Genelde Her Tasarım altında vardır.Yazıların makalerin görmüsündür.ama kodu bulumadınız yada çalışmıor. Bende sizlere Ömür adlı Blogger Yararlarak buldum kodu sunmak istiyom (:


Tasarım,Altı üstü Koplanmaz içerik (:
<script src="http://hibycocuk.hi.funpic.org/HiBycocuq/jquery.js"></script>
<script>
$(document).ready(function(){
						   $('.resim').mouseover(function(){
														$(this).animate({top:"5px"},100)					 
													 })
						   
						   $('.resim').mouseout(function(){
														$(this).animate({top:"20px"},100)					 
													 })
						   });
</script>
</head>
<style>

img{
	position:relative; left:4px; top:20px; border:none;
	}
#dis{
	width:40px; height:40px; overflow:hidden; position:relative; float:left;
}
</style>
<body>
<div id="kutu" style="border-bottom:1px solid #999; height:40px; width:240px;" >
<div id="dis"> 
<a href="http://www.facebook.com/share.php?u=http://www.omurtesi.com" target="_blank"><img class="resim" src="https://img.webme.com/pic/h/hibycocuk/facebookss.png" /></a>

</div>
<div id="dis"> 
<a href='#' target="_blank"><img class="resim" src="https://img.webme.com/pic/h/hibycocuk/myspacess.png" /></a>
</div>
<div id="dis"> 
<a href="#"  target="_blank"><img class="resim" src="https://img.webme.com/pic/h/hibycocuk/friendfeedsssss.png" /></a>
</div>
<div id="dis"> 
<a href="#" target="_blank"><img class="resim" src="https://img.webme.com/pic/h/hibycocuk/twitterss.png" /></a>
</div>
<div id="dis"> 
<a href="#" target="_blank"><img class="resim" src="https://img.webme.com/pic/h/hibycocuk/googless.png" /></a>
</div>
<div id="dis"> 
<a href="#" target="_blank"><img class="resim" src="https://img.webme.com/pic/h/hibycocuk/bloggerss.png" /></a>
</div>
</div>

</body>
</html>

  Önizlemesi (Sosyal Ağ Paylaşım)

  Sosyal Ağ Paylaşım  Şifre: hibycocuk.tr.gg

Yardım isteklerinizi lütfen yorumlar kısmına yazmayın. İletişim formundan bana ulaşabilirsiniz.

YorumLarınızı Eksik Etmeniz (:






Bu sayfa hakkında yorum ekle:
İsmin:
E-mail adresin:
Siten:
Mesajınız:

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=