Takip Et
Css:
#takip {
position: fixed;
right: 0;
top: 40px;
z-index: 999999;
}
.takip {
background-image: url('https://img.webme.com/pic/c/css-thema/paylas.png');
background-repeat: no-repeat;
height: 42px;
width: 42px;
top: 10px;
margin-left: auto;
}
.takip:hover {
cursor: pointer;
}
.facebook {
background-position: 0px 0px;
}
.twitter {
background-position: 0px -42px;
}
.flickr {
background-position: 0px -84px;
}
.friendfeed {
background-position: 0px -126px;
}
.vimeo {
background-position: 0px -168px;
}
.youtube {
background-position: 0px -210px;
}
.linkedin {
background-position: 0px -252px;
}
.rss {
background-position: 0px -294px;
}
.facebook:hover {
background-position: 0px 0px;
}
İçeriğin Altına Bölümüne Ekle:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Paylaş</title>
<link href="css/takip.css" rel="stylesheet" type="text/css" />
<script src="http://bilgiliweb.byethost4.com/dream-tube/jquery-1.5.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>
<!-- Takip Linkleri Başlangıç -->
<div id="takip">
<div class="facebook takip" onclick="location.href='http://www.facebook.com/kullaniciadi'">
</div>
<div class="twitter takip" onclick="location.href='http://www.twitter.com/kullaniciadi'">
</div>
<div class="flickr takip" onclick="location.href='http://www.flickr.com/kullaniciadi'">
</div>
<div class="friendfeed takip" onclick="location.href='http://www.friendfeed.com/kullaniciadi'">
</div>
<div class="vimeo takip" onclick="location.href='http://www.vimeo.com/kullaniciadi'">
</div>
<div class="youtube takip" onclick="location.href='http://www.youtube.com/kullaniciadi'">
</div>
<div class="linkedin takip" onclick="location.href='http://www.linkedin.com/kullaniciadi'">
</div>
<div class="rss takip" onclick="location.href='/rss'">
</div>
</div>
<!-- Takip Linkleri Bitiş --><br />