sayfa solunda sosyal menü

kod açıklaması: Sizden gelen bir koddan yararlanarak oluşturduğumuz, kayarak açılan bu harika sosyal menü koduna bayılacaksınız! Kodu sitenizin herhangi bir alanına eklemeniz yeterli! (Kod içerisinden adresleri düzenleyebilirsiniz.)
Önizlemesi için tıkla
Sitene Ekle

<ul id='menusidi' class="koddostusagsocial koddostu-socialll"><li class='br6'><a></a></li><li class='ko6'><a></a></li><li class='te6'><a></a></li><li class='cari'><a href="http://goo.gl/Z4TJ7" _fcksavedurl="http://goo.gl/Z4TJ7"></a></li><li class='alat'><a></a></li><li class='kontak'><a></a></li></ul>    <ul id='menusisi' class="koddostusagsocial koddostu-socialll"><li class='br6'> <a href='/' _fcksavedurl='/' title='Ana Sayfa'>Ana Sayfaya Dön</a> </li>  <li class='ko6'> <a href='https://plus.google.com/102683206883544741828/posts' _fcksavedurl='https://plus.google.com/102683206883544741828/posts' title='Google+ Sayfamız'>Google+ Sayfamız</a> </li>  <li class='te6'> <a href='http://facebook.com/koddostu' _fcksavedurl='http://facebook.com/koddostu' title='Facebook Sayfamız'>Facebook Sayfamız</a> </li>  <li class='cari'> <a href='http://twitter.com/koddostu' _fcksavedurl='http://twitter.com/koddostu' title='Takip Et'>Twitter'da Takip Et</a> </li>  <li class='alat'> <a href='http://koddostu.com/atom.xml?redirect=false&max-results=1001' _fcksavedurl='http://koddostu.com/atom.xml?redirect=false&max-results=1001' title='RSS Feed'>RSS Beslemeleri</a> </li>  <li class='kontak'> <a href='http://www.koddostu.com/iletisim.html' _fcksavedurl='http://www.koddostu.com/iletisim.html' title='İletişim'>İletişim</a> </li></ul>  <style>ul#menusidi {margin: 0px;padding: 0px;list-style: none;}ul#menusidi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:3px;}ul#menusidi li a {display: block;width: 225px;height: 60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:30px;background-color:transparent;background-repeat:no-repeat;background-position:202px center;border:none;}</style>   <!DOCTYPE HTML><style type="text/css">ul.koddostusagsocial{position:fixed;text-align:center;z-index:9999;}ul.koddostu-socialll{top:50px;left:0px;}</style><style type="text/css">ul.koddostusagsocial{_position:absolute;}ul.koddostu-socialll{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><style>ul#menusisi {margin: 0px;padding: 0px;list-style: none;}ul#menusisi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:1px;}ul#menusisi li a {display: block;width: 255px;height: 60px;text-shadow: 0 2px #000;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:0px;background-color:#262626;background-repeat:no-repeat;background-position:202px center;border:1px solid #000;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}.br6 a{background-image: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-go-home-icon.png);}.te6 a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/facebook-icon.png);}.cari a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/twitter-icon.png);}.ko6 a{background-image: url(https://lh5.googleusercontent.com/-Vld13w4HBH4/UCaRaVdhj6I/AAAAAAAAARo/u0GBB8oAkAE/s48/google%252048x48.png);}.rssfeed a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/youtube-icon.png);}.alat a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/rss-icon.png);}.kontak a{background-image: url(http://icons.iconarchive.com/icons/fasticon/comic-iphone/48/mail-icon.png);}</style><script src='http://www.google.com/jsapi'></script><script>google.load('jquery', '1.3.2');</script><script type='text/javascript'>$(function() {$('#menusisi li').stop().animate({marginLeft:'-200px'},1000);$('#menusisi li').mouseover(function () {$(this).animate({marginLeft:'0px',opacity:'0.6'},200);});$('#menusisi li').mouseout(function () {$(this).animate({marginLeft:'-200px',opacity:'1'},800);});});</script>