اقدم اليكم اليوم كود المواقع الإجتماعية بشكل جديد

<li class="L1"><script type='text/javascript'></li><li class="L2">jQuery(function() {</li><li class="L3">jQuery('#navigation a').stop().animate({'marginLeft':'-20px'},1000);</li><li class="L4">jQuery('#navigation > li').hover(</li><li class="L5">function () {</li><li class="L6">jQuery('a',jQuery(this)).stop().animate({'marginLeft':'-2px'},100);</li><li class="L7">},</li><li class="L8">function () {</li><li class="L9">jQuery('a',jQuery(this)).stop().animate({'marginLeft':'-20px'},1000);</li><li class="L0">}</li><li class="L1">);</li><li class="L2">});</li><li class="L3"></script></li><li class="L4"> </li><li class="L5"><style type="text/css"></li><li class="L6">ul#navigation {</li><li class="L7">position: fixed;</li><li class="L8">margin: 0px;</li><li class="L9">padding: 0px;</li><li class="L0">top:30px;</li><li class="L1">left: 0px;</li><li class="L2">list-style: none;</li><li class="L3">z-index:9999;</li><li class="L4">}</li><li class="L5">ul#navigation li {</li><li class="L6">width: 32px;</li><li class="L7">}</li><li class="L8">ul#navigation li a {</li><li class="L9">display: block;</li><li class="L0">margin-left: -2px;</li><li class="L1">margin-top: 4px;</li><li class="L2">width: 32px;</li><li class="L3">height: 32px;</li><li class="L4">background-color:#FFFFFF;</li><li class="L5">background-repeat:no-repeat;</li><li class="L6">background-position:center center;</li><li class="L7">border:1px solid #AFAFAF;</li><li class="L8">-moz-border-radius:0px 5px 5px 0px;</li><li class="L9">-webkit-border-bottom-right-radius: 5px;</li><li class="L0">-webkit-border-top-right-radius: 5px;</li><li class="L1">-khtml-border-bottom-right-radius: 5px;</li><li class="L2">-khtml-border-top-right-radius: 5px;</li><li class="L3">/*-moz-box-shadow: 0px 4px 3px #000;</li><li class="L4">-webkit-box-shadow: 0px 4px 3px #000;</li><li class="L5">*/</li><li class="L6">opacity: 0.6;</li><li class="L7">filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);</li><li class="L8">}</li><li class="L9">ul#navigation li a:hover {opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}</li><li class="L0">ul#navigation .feed a {</li><li class="L1">background-image: url(http://i41.servimg.com/u/f41/16/61/91/38/114010.png);</li><li class="L2">}</li><li class="L3">ul#navigation .facebook a {</li><li class="L4">background-image: url(http://i41.servimg.com/u/f41/16/61/91/38/26310.png);</li><li class="L5">}</li><li class="L6">ul#navigation .twitter a {</li><li class="L7">background-image: url(http://i41.servimg.com/u/f41/16/61/91/38/34410.png);</li><li class="L8">}</li><li class="L9">ul#navigation .tuenti a {</li><li class="L0">background-image: url(http://i41.servimg.com/u/f41/16/61/91/38/41910.png);</li><li class="L1">}</li><li class="L2">ul#navigation .youtube a {</li><li class="L3">background-image: url(http://i41.servimg.com/u/f41/16/61/91/38/51810.png);</li><li class="L4">}</li><li class="L5"></style></li><li class="L6"> </li><li class="L7"> </li><li class="L8"> </li><li class="L9"><ul id="navigation"></li><li class="L0"><li class="feed"><a href="feed/" target="blank" title="Feed RSS"></a></li></li><li class="L1"><li class="facebook"><a href="http://www.facebook.com/" target="blank" title="Facebook"></a></li></li><li class="L2"><li class="twitter"><a href="http://twitter.com/" target="blank" title="Twitter"></a></li></li><li class="L3"><li class="tuenti"><a href="http://www.tuenti.com/" target="blank" title="Tuenti"></a></li></li><li class="L4"><li class="youtube"><a href="http://www.youtube.com/" target="blank" title="Youtube"></a></li></li><li class="L5"></ul></li>