[center]
<style type="text/css">
img, a { border: 0; }
#likebox_1 {
z-index: 10005;
border:2px solid #3c95d9;
background-color: #fff;
width:276px;
height: 210px;
position: fixed;
top: 20%;
right: -280px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#likebox_1_1 {
width:276px;
height: 210px;
overflow: hidden;
}
#likebox_1 img {
position: absolute;
top: -2px;
left: -50px;
}
#likebox_1 iframe {
border:0px solid #3c95d9;
overflow: hidden;
position: static;
height: 60px;
left:-2px;
top:-3px;
}
#net_1 {
z-index: 10010;
border:2px solid #3c95d9;
background-color: #fff;
width:470px;
height: 594px;
position: fixed;
top: 4%;
right: -474px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#net_1_1 {
width:470px;
height: 594px;
overflow: hidden;
}
#net_1 img {
position: absolute;
top: -2px;
left: -50px;
}
#net_1 iframe {
border:0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left:-2px;
top:-3px;
}
#polecam_1 {
z-index: 10004;
border:2px solid #6CC5FF;
background-color: #6CC5FF;
width:266px;
height: 490px;
position: fixed;
top: 28%;
right: -270px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#polecam_1_1 {
width:266px;
height: 490px;
overflow: hidden;
}
#polecamy_img {
position: absolute;
top: -2px;
left: -50px;
border: 0;
}
#google_1 {
z-index: 10003;
border-top:2px solid #0056a0;
border-bottom: 2px solid #0056a0;
border-right:2px solid #0056a0;
border-left: hidden;
background-color: #006ec9;
width:152px;
height: 97px;
position: fixed;
top: 36%;
right: -154px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#google_1_1 {
width:152px;
height: 97px;
overflow: hidden;
}
#google_img {
position: absolute;
top: -2px;
left: -48px;
border: 0;
}
#youtube_1 {
z-index: 10006;
border:2px solid #cb1c0e;
background-color: #fff;
width:574px;
height: 342px;
position: fixed;
top: 12%;
right: -578px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#youtube_1:hover { right:0; }
#net_1:hover { right:0; }
#likebox_1:hover { right:0; }
#google_1:hover { right:0; }
#polecam_1:hover { right:0; }
#youtube_1_1 {
width:564px;
height: 342px;
overflow: hidden;
}
#youtube_1 img {
position: absolute;
top: -2px;
left: -50px;
}
</style>
<!-- youtube -->
<div id="youtube_1"><div id="youtube_1_1">
<img src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/youtube.png" alt="" />
<a href="http://micsoft.logu2.com">مايكل سوفت</a>
<p>محتوى اليوتيوب</p>
</div>
</div>
</div>
<div id="likebox_1"><div id="likebox_1_1">
<img src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/facebook.png" alt="" />
<a href="http://micsoft.logu2.com">مايكل سوفت</a>
<div dir="rtl" style="padding: 0pt; font-weight: bold; font-size: 10pt;
margin: 0pt;
overflow: scroll; width: 500px; height: 200px;">
<script>(function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script>
<div fb-xfbml-state="rendered" class="fb-like
fb_edge_widget_with_comment fb_iframe_widget" data-href=""
data-send="true" data-width="400" data-show-faces="true"
style="padding:10px;">
<span style="height: 24px;
width: 400px;"><iframe
src="http://www.facebook.com/plugins/like.php?api_key=124578887583575&locale=en_US&sdk=joey&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df17a9cb2fc0170e%26origin%3Dhttp%253A%252F%252F/%252Ff2de3f05fea3bc6%26domain%3D/%26relation%3Dparent.parent&href=/&node_type=link&width=400&layout=standard&colorscheme=light&show_faces=true&send=true&extended_social_context=false"
class="fb_ltr" title="Like this content on Facebook." style="border:
medium none; overflow: hidden; height: 24px; width: 400px;"
name="f1605443947c896" id="f1932adabfc1718"
scrolling="no"></iframe></span>
</div>
</div>
</div>
</div>
<div id="polecam_1"><div id="polecam_1_1">
<img id="polecamy_img"
src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/twitter.png"
/><a href="http://micsoft.logu2.com">مايكل سوفت</a>
<P>عليك باضافة كود تويتر الخاص بك لتفعيل هذا الصندوق</P>
</div>
</div>
</div>
<div id="google_1"><div id="google_1_1">
<img id="google_img"
src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/google_plus.png"
/>
<a href="http://micsoft.logu2.com">مايكل سوفت</a>
<div style="color:#999;font-size:11px; padding-top: 15px;
padding-right:30px; margin:5px; width:98px; height:97px;">
<script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
</div>
</div>
[/center]
Facebook
Twitter
Youtube
