Hareketli Sosyal Ağ Butonları HTML Kodu...



Sayfa Sağına Hareketli Sosyal Ağ Butonları

Merhaba değerli okurlar...
Bir okuyucumuz hareket eden sosyal ağ butonlarının html kodunu istemiş bizden. Eee bize de paylaşmak düşer... :)

Baştan söylemek gerekirse kodu kendim yazmadım, koddostu.com'dan kodun orjinal sayfasını bulabilirsiniz...

Kod;

<!--Koddostu Sayfa Sağında Sosyal Ağlar Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->

<style>div.koddosturenkli{position:fixed;z-index:1000;}div.sosyal7kd{top:50%;right:0px;margin-top:-250px;width:80px;height:470px;background:transparent;}.a8a{display:block;position:relative;right:-62px;float:right;background:#44f;width:80px;height:60px;margin:0px 0px 6px 0px;background-position:center center;background-repeat:no-repeat;transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-webkit-box-shadow:-4px 0px 4px -4px #444;-moz-box-shadow:-4px 0px 4px -4px #444;box-shadow:-4px 0px 4px -4px #444;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style>.a8a:hover, .a8a:active, .a8a:focus{outline:0;right:-10px;width:60px;transform: rotate(-11deg);-ms-transform: rotate(-11deg);-webkit-transform: rotate(-11deg);}</style><style>.facebook7a{background-image:url(http://icons.iconarchive.com/icons/danleech/simple/48/facebook-icon.png);background-color:#4a6ea9}.google7a{background-image:url(http://icons.iconarchive.com/icons/danleech/simple/48/google-plus-icon.png);background-color:#e25e43}.twitter7a{background-image:url(http://icons.iconarchive.com/icons/danleech/simple/48/twitter-icon.png);background-color:#30dcf3}.linkedin7a{background-image:url(http://icons.iconarchive.com/icons/danleech/simple/48/linkedin-icon.png);background-color:#0095bc}.youtube7a{background-image:url(http://icons.iconarchive.com/icons/danleech/simple/48/youtube-icon.png);background-color:#e44840}.tumblr7a{background-image:url(http://icons.iconarchive.com/icons/danleech/simple/48/tumblr-icon.png);background-color:#375775}.rss7a{background-image:url(http://icons.iconarchive.com/icons/danleech/simple/48/rss-icon.png);background-color:#f2b63e}div.koddosturenkli{_position:absolute;}div.sosyal7kd{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style>



<koddostu>

<div class="koddosturenkli sosyal7kd">

<a href="http://facebook.com/cankural06" class="facebook7a a8a"></a>

<a href="http://googleplus.us/" class="google7a a8a"></a>

<a href="http://twitter.com/SystemTechno" class="twitter7a a8a"></a>

<a href="http://www.linkedin.com/profile/view?id=279603409" class="linkedin7a a8a"></a>

<a href="https://www.youtube.com/" class="youtube7a a8a"></a>

<a href="http://tumblr.com" class="tumblr7a a8a"></a>

<a href="http://siteniz.com/rss" class="rss7a a8a"></a>

</div>

</koddostu>


<!--Telif sahibi:koddostu.com-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Koddostu Sayfa Sağında Sosyal Ağlar Kodu STOP-->

Kodun Ön izlemesi Sağ Taraftadır...

Yorumlar