Arkadaşlar öncelikle demoyu vereceğim ancak şablona koyduğumuzdan dolayı açılıp kapanma iptal oluyor.
Resmi İmagesin İçine Atın
Demo:
Başşlangış-Temalar Şablonlar-Şablonlar-Kullandığınız Tema-Header Şablonlar-Header Şablonu
En Üste Ekleyin
Kullandığınız Temanın Global.css Sine En Alta Ekleyin:
Bu Kadar.
Resmi İmagesin İçine Atın
Demo:
PHP Kod:
bybrown.tk/index.html
Başşlangış-Temalar Şablonlar-Şablonlar-Kullandığınız Tema-Header Şablonlar-Header Şablonu
En Üste Ekleyin
Kod:
<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>
Kullandığınız Temanın Global.css Sine En Alta Ekleyin:
Kod:
#takip {
position: fixed;
right: 0;
top: 40px;
z-index: 999999;
}
.takip {
background-image: url('../images/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;
}
Bu Kadar.