كود المشاركه فيس بوك تويتر على يسار المنتدى 2012
لونك المفضل
الألوان

منتدى شملت والنيه اربد



كلمات دليلية:

كود المشاركه فيس بوك تويتر على يسار المنتدى 2012 Emptyكود المشاركه فيس بوك تويتر على يسار المنتدى 2012

avatar
شملت والنيه اربد
المدير العام

المدير العام
 نُشر في الجمعة 20 يناير 2012 - 23:41

الكود:

[color=#000000]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://www.fares43.ahlamontada.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>
[/color][color=red]طريقة التركيب .[/color]
الكود يوضع في
 التشكيلات العامة او بتمبلات
.او في اسفل الصفحة


remove_circleمواضيع مماثلة

اعلانات نصية