Soldan Acılan Sosyal Menu

Kod Açıklaması

Kodları Kendinize Göre Düzenlemeyi Unutmayınız !

Kod Demosu

Sitene Ekliyeceğin Kod

<style type="text/css">  ul#sosyal {      position: fixed;      margin: 0px;      padding: 0px;      top: 20%;      left: 0px;      list-style: none;      z-index:9999;  }  ul#sosyal li {      width: 100px;  }  ul#sosyal li a {      display: block;      margin-left: -2px;      width: 100px;      height: 70px;         background-color:#fff;      background-repeat:no-repeat;      background-position:center center;      border:1px solid #AFAFAF;      -moz-border-radius:0px 10px 10px 0px;      -webkit-border-bottom-right-radius: 10px;      -webkit-border-top-right-radius: 10px;      -khtml-border-bottom-right-radius: 10px;      -khtml-border-top-right-radius: 10px;      -moz-box-shadow: 0px 4px 3px #000;      -webkit-box-shadow: 0px 4px 3px #000;  }  ul#sosyal .twitter a{       background:#0F96C6 url(http://3.bp.blogspot.com/-1wb-O4GG6DQ/UPFOe03M-lI/AAAAAAAAA4g/1015-y7FaYU/s1600/Twitter.png)no-repeat;  background-position:center center;  }  ul#sosyal .googleplus a      {      background:#D73D27 url(http://3.bp.blogspot.com/-1mYMKQENXdI/UPFOeK31VzI/AAAAAAAAA4k/w2Qk48tpleQ/s1600/GOOGLE+PLus.png)no-repeat;  background-position:center center;  }  ul#sosyal .facebook a      {      background:#1A4B97 url(http://1.bp.blogspot.com/-3M1F3Y29Yoc/UPFOeAAUFvI/AAAAAAAAA4c/ALvfOPDwJ-g/s1600/Facebook.png)no-repeat;  background-position:center center;  }  ul#sosyal .rss a      {      background:#FAAE17 url(http://4.bp.blogspot.com/-twR0g7wotpE/UPFOfFtFOuI/AAAAAAAAA4o/uJMUf9hjRco/s1600/rss.png)no-repeat;  background-position:center center;  }     ul#sosyal .pinterest a   {      background:#963336 url(http://2.bp.blogspot.com/-xgOrG4ysqyM/UPFOeKFKMtI/AAAAAAAAA4Y/i_jnKpHsK24/s1600/Pinterest.png)no-repeat;  background-position:center center;  }  </style>     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>     <script type="text/javascript"> 
$(function () { 
    $('#sosyal a').stop().animate({ 
        'marginLeft': '-85px' 
    }, 1000); 
  
    $('#sosyal > li').hover( 
        function () { 
            $('a', $(this)).stop().animate({ 
                'marginLeft': '-2px' 
            }, 200); 
        }, 
        function () { 
            $('a', $(this)).stop().animate({ 
                'marginLeft': '-85px' 
            }, 200); 
        } 
    ); 
}); 
</script>  <br />  <ul id="sosyal">  <li class="twitter"><a href="http://twitter.com/tehlikelicadde" _fcksavedurl="http://twitter.com/tehlikelicadde" title="Twitter"></a></li>  <li class="googleplus"><a href="http://gplus.to/destek-lazim" _fcksavedurl="http://gplus.to/destek-lazim" title="Google Plus"></a></li>  <li class="facebook"><a href="http://facebook.com/tehlikelicadde" _fcksavedurl="http://facebook.com/tehlikelicadde" title="Facebook"></a></li>  <li class="rss"><a href="http://feeds.feedburner.com/destek-lazim" _fcksavedurl="http://feeds.feedburner.com/destek-lazim" title="Rss"></a></li>  <li class="pinterest"><a href="http://pinterest.com/tehlikelicadde" _fcksavedurl="http://pinterest.com/tehlikelicadde" title="Pinterest"></a></li>  </ul>

Hakkımda

Kaan Ap.
Webmasterlığa Merak Sarmış Birisi..Kişisel Olarak Tr.Gg ve Bloggere yoğunlaşmış Kendi bilgilerim ve topladığım bilgileri paylaşmaktan zevk alan birisi olarak Sizlere Hizmet Vermekteyiz.. Facebook Sayfamızıda Beğenmeyi Unutmayalım Lütfen ..!

Sosyal:

Soldan Acılan Sosyal Menu

Kod Açıklaması

Kod Demosu

Sitene Ekliyeceğin Kod

Hakkımda

Yorum Yap

Destek-Lazim

Videolar

Menu

Ekip

Reklam Alanı