Site Tasarım Kodları Webmaster Sitesi

Sitenizin sol tarafında yapışık sabit bir açılır menü isteyenlere mükemmel bi menü uyarladık

Tüm sayfalarda gürünmesini istiyordanız şablon ayarları bölümünden istegiginiz yere bu kodu yapıştırarak ve sonra kendi facebook ve twitter gibi sayfalarınızın linklerini yazarak rahatlııkla kullanabilirsiniz Eğer Tüm sayfalarda değilde sadece belirli sayfalarda kullanmak istersenizde sadece o sayfalarınızın kaynak koduna eklemeniz yeterli

ÖRNEK: SOLDAKİ MENÜ

GEREKLİ KOD:

<ul id='menusidi' class="kodlarbulyanmenu kodlarbul-yanmenuu"><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/ikwhP" _fcksavedurl="http://goo.gl/ikwhP"></a></li><li class='alat'><a></a></li><li class='kontak'><a></a></li></ul>    <ul id='menusisi' class="kodlarbulyanmenu kodlarbul-yanmenuu"><li class='br6'> <a href='/' _fcksavedurl='/' title='Ana Sayfa'>Ana Sayfaya Dön</a> </li>  <li class='ko6'> <a href='https://plus.google.com' _fcksavedurl='https://plus.google.com' title='Google+ Sayfamız'>Google+ Sayfamız</a> </li>  <li class='te6'> <a href='http://facebook.com/Turk.Olmaq' _fcksavedurl='http://facebook.com/Turk.Olmaq' title='Facebook Sayfamız'>Facebook Sayfamız</a> </li>  <li class='cari'> <a href='http://twitter.com' _fcksavedurl='http://twitter.com' title='Takip Et'>Twitter'da Takip Et</a> </li>  <li class='alat'> <a href='http://kodlarbul.tr.gg/atom.xml?redirect=false&max-results=1001' _fcksavedurl='http://kodlarbul.tr.gg/atom.xml?redirect=false&max-results=1001' title='RSS Feed'>RSS Beslemeleri</a> </li>  <li class='kontak'> <a href='http://kodlarbul.tr.gg/iletisim.htm' _fcksavedurl='http://kodlarbul.tr.gg/iletisim.htm' 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.kodlarbulyanmenu{position:fixed;text-align:center;z-index:9999;}ul.kodlarbul-yanmenuu{top:50px;left:0px;}</style><style type="text/css">ul.kodlarbulyanmenu{_position:absolute;}ul.kodlarbul-yanmenuu{_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(https://img.webme.com/pic/k/kodlarbul/actions-go-home-icon.png);}.te6 a{background-image: url(https://img.webme.com/pic/k/kodlarbul/facebook-icon.png);}.cari a{background-image: url(https://img.webme.com/pic/k/kodlarbul/twitter-icon.png);}.ko6 a{background-image: url(https://img.webme.com/pic/k/kodlarbul/google4848.png);}.rssfeed a{background-image: url(https://img.webme.com/pic/k/kodlarbul/youtube-icon.png);}.alat a{background-image: url(https://img.webme.com/pic/k/kodlarbul/rss-icon.png);}.kontak a{background-image: url(https://img.webme.com/pic/k/kodlarbul/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>