Sayfa Solunda Sosyal Menü Kodu | YENİ! | Kod Dostu

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.)

<ul id='menusisi' class="koddostusagsocial koddostu-socialll"><li class='br6'>
<a href='/' title='Ana Sayfa'>Ana Sayfaya Dön</a>
</li>

<li class='ko6'>
<a href='https://plus.google.com/102683206883544741828/posts' title='Google+ Sayfamız'>Google+ Sayfamız</a>
</li>

<li class='te6'>
<a href='http://facebook.com/koddostu' title='Facebook Sayfamız'>Facebook Sayfamız</a>
</li>

<li class='cari'>
<a href='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' title='RSS Feed'>RSS Beslemeleri</a>
</li>

<li class='kontak'>
<a href='http://www.koddostu.com/iletisim.html' title='İletişim'>İletişim</a>
</li></ul>

<!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>