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)