الفريد اوتشوب
هواياتك : كمبيوتر تاريخ التسجيل : 26/02/2011 العمر : 35 الموقع : قسم الكمبيوتر
بطاقة الشخصية الفريد اوتشوب: 5
| موضوع: كود جافا سكرين لوضع ايقونات المواقع الاجتماعية على شمال الصفحة الإثنين 05 مارس 2012, 8:16 am | |
| كود جافا سكرين لوضع ايقونات المواقع الاجتماعية على شمال الصفحة | صورة لمعاينة الكود | https://i.servimg.com/u/f44/15/54/04/99/15-10-10.gif الكود - الكود:
-
<script src='[url=http://www.sidiamer.com/view-source:http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js]http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js[/url]' type='text/javascript'></script> <script type='text/javascript'> jQuery(function() { jQuery('#navigation a').stop().animate({'marginLeft':'-20px'},1000); jQuery('#navigation > li').hover( function () { jQuery('a',jQuery(this)).stop().animate({'marginLeft':'-2px'},100); }, function () { jQuery('a',jQuery(this)).stop().animate({'marginLeft':'-20px'},1000); } ); }); </script> <style type="text/css"> ul#navigation { position: fixed; margin: 0px; padding: 0px; top:30px; left: 0px; list-style: none; z-index:9999; } ul#navigation li { width: 32px; } ul#navigation li a { display: block; margin-left: -2px; margin-top: 4px; width: 32px; height: 32px; background-color:#FFFFFF; background-repeat:no-repeat; background-position:center center; border:1px solid #AFAFAF; -moz-border-radius:0px 5px 5px 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; -khtml-border-top-right-radius: 5px; /*-moz-box-shadow: 0px 4px 3px #000; -webkit-box-shadow: 0px 4px 3px #000; */ opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } ul#navigation li a:hover {opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);} ul#navigation .feed a { background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/1140.png); } ul#navigation .facebook a { background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/263.png); } ul#navigation .twitter a { background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/344.png); } ul#navigation .tuenti a { background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/419.png); } ul#navigation .youtube a { background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/518.png); } </style> <ul id="navigation"> <li class="feed"><a href="[url=http://www.sidiamer.com/view-source:http://www.todoparatuforo.com/feed/]http://des-star.yoo7.com/feed/[/url]" target="blank" title="Feed RSS"></a></li> <li class="facebook"><a href="[url=http://www.sidiamer.com/view-source:http://www.todoparatuforo.com/h5-page#]#[/url]" target="blank" title="Facebook"></a></li> <li class="twitter"><a href="[url=http://www.sidiamer.com/view-source:http://twitter.com/#]http://twitter.com/#[/url]" target="blank" title="Twitter"></a></li> <li class="tuenti"><a href="[url=http://www.sidiamer.com/view-source:http://www.tuenti.com/#]http://www.tuenti.com/#[/url]" target="blank" title="Tuenti"></a></li> <li class="youtube"><a href="[url=http://www.sidiamer.com/view-source:http://www.youtube.com/user/#]http://www.youtube.com/user/#[/url]" target="blank" title="Youtube"></a></li> </ul>
كود جافا سكرين لوضع ايقونات المواقع الاجتماعية على شمال الصفحة - غير الروابط - رابط موقعك اخوكم الفريد اوتشوب | |
|