(12-24-2012, 08:10 PM)OnLiNe Nickli Kullanıcıdan Alıntı:  Bu kodu sitenizdeki Facebook ve Twitter sosyal ağlarını göstermek için hazırladım.
Ancak kodu farklı şekilde de kullanmak mümkündür.

Kod: Tümünü Seç Tümünü Kopyala

<!--Online Yazı Üzerine Gelince Açılan Resim Kodu Başlangıcı-->
<script  src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a.online").mouseover(function() {;               $('#resimac').css("position","absolute").css("border","1px solid gray");
$("#resimac").html('<img src="'+$(this).attr("rel")+'">');}
).mouseout(function () {
$('#resimac').empty();}
).mousemove(function(e){                            
var x=e.pageX ;
var y=e.pageY ;              
$('#resimac').css("top", y+10);
$('#resimac').css("left", x-30);}
);
});
</script>  
<div id="online">
<a href="#" rel="http://icons.iconarchive.com/icons/ampeross/qetto/64/facebook-icon.png" class="online">Facebook</a>
<a href="#" rel="http://icons.iconarchive.com/icons/ampeross/qetto/64/twitter-icon.png" class="online">Twitter</a>
</div><br />
<div id="resimac"></div>  
<!--Online Yazı Üzerine Gelince Açılan Resim Kodu Bitişi-->

Kodumuzu Admin kp,Şablonlar ve İndex,İndeks'e girin {$header} kodunu silmeden üstüne yapıştırın ve kaydedin.

Canlı Demo