<html><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<script src="http://dkthemes.forumotions.in/38797.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".takip").mouseover(function(){
$(this).filter(':not(:animated)').animate({width:135},{duration:500});
});
$(".takip").mouseout(function(){
$(this).animate({width:42});
});
});
</script>
</head><body><div id="takip">
<div class="facebook takip" onclick="location.href='رابط الفيس بوك'">
</div>
<div class="twitter takip" onclick="location.href='رابط تويتر'">
</div>
<div class="Google takip" onclick="location.href='رابط حسابك على جوجل'">
</div>
<div class="Youtube takip" onclick="location.href='رابط قناة اليوتيوب'">
</div>
<div class="rss takip" onclick="location.href='/rss'">
</div>
<style>
#takip {
position: fixed;
right: 0;
top: 220px;
z-index: 999;
}
.takip {
background-image: url('http://i49.servimg.com/u/f49/16/79/78/79/social17.png');
background-repeat: no-repeat;
height: 42px;
width: 42px;
top: 100px;
margin-left: auto;
opacity:0.3;
filter:alpha(opacity=50); /* For IE8 and earlier */
}
.takip:hover {
background-image: url('http://i49.servimg.com/u/f49/16/79/78/79/social17.png');
cursor: pointer;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.facebook {
background-position: 0px 0px;
}
.twitter {
background-position: 0px -42px;
}
.Google {
background-position: 0px -84px;
}
.Youtube {
background-position: 0px -126px;
}
.rss {
background-position: 0px -168px;
}
</style></div></body></html>
2012-07-27, 03:42
