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 web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol