اقدم اليكم اليوم كود المواقع الإجتماعية بشكل جديد
صورة للكود
الكود:
<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>صورة للكود