الكود:

<script type="text/javascript" src="http://adminstar20.3rab.pro/10969.js"></script>
<style type="text/css">
img, a { border: 0; }
#likebox_1 {
    z-index: 10005;
    border:2px solid #3c95d9;
    background-color: #fff;
    width:196px;
    height: 353px;
    position: fixed;
    top: 18%;
    right: -200px;
}

#likebox_1_1 {
    width:196px;
    height: 353px;
    overflow: hidden;
}

#likebox_1 img {
    position: absolute;
    top: -2px;
    left: -35px;
}

#likebox_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:246px;
    height: 353px;
    position: fixed;
    top: 35%;
    right: -250px;
}

#polecam_1_1 {
    width:246px;
    height: 353px;
    overflow: hidden;
}

#polecamy_img {
    position: absolute;
    top: -2px;
    left: -35px;
    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: 52%;
    right: -154px;
}

#google_1_1 {
    width:152px;
    height: 97px;
    overflow: hidden;
}

#google_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}
#youtube_1 {
    z-index: 10003;
    border:2px solid #cb1c0e;
    background-color: #fff;
    width:196px;
    height: 353px;
    position: fixed;
    right: -200px;
}

#youtube_1_1 {
    width:196px;
    height: 353px;
    overflow: hidden;
}

#youtube_1 img {
    position: absolute;
    top: -2px;
    left: -35px;
}

</style>

<!-- facebook --><div id="likebox_1"><div id="likebox_1_1">
<img src="http://i45.servimg.com/u/f45/16/75/43/85/fb110.png" alt="" />
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script><div
 class="fb-like-box"
data-href="ضع هنا رابط صفحتك على الفيس بوك
 " data-width="200" data-height="356" data-show-faces="true"
data-stream="false" data-header="false"></div>
</div>
</div>
<!-- facebook -->


KhALiD-Net كتب: استخدم هذا الشرح لوضعه اسفل المنتدى


شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث

الكود:


 <STYLE type=text/css>
.a7la-7eka7a {
    float:right;
    width:247px;
    height:420px;
    background: url(http://i40.servimg.com/u/f40/16/50/59/14/fbslid10.png) no-repeat !important;
    display:block;
    right:-205px;
    padding:0;
    position:fixed;
    top: 170px;
    z-index:1002;
}

.slide_text {
    font-family: Geneva, Verdana, sans-serif;
    font-size: 8px;
    padding-left: 10px;
    text-decoration: none;
    color: #FFF;
}
</STYLE>
 <script type="text/javascript"
src="http://forums.arabhard.com/pic/min.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
    jQuery(function (){
    jQuery(".slide_likebox").hover(function(){
    jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
    },function(){
    jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
    },500);
    return false;
    });
</script>
 <div class="a7la-7eka7a"> <div style="PADDING-RIGHT:
5px; PADDING-LEFT: 50px; PADDING-BOTTOM: 0pt; COLOR: rgb(255,255,255);
PADDING-TOP: 8px"> <div class="FB_Loader"> </div>
<span> <iframe
src="http://www.facebook.com/plugins/likebox.php?href=ضع هنا رابط صفحتك
على الفيس
بوك&width=190&colorscheme=dark&show_faces=true&border_color&stream=false&header=false&height=362"
 scrolling="no" allowTransparency frameborder="0" style 
="BORDER-RIGHT: medium none; BORDER-TOP: medium none; OVERFLOW: hidden;
BORDER-LEFT: medium none; WIDTH: 190px; BORDER-BOTTOM: medium none;
HEIGHT:
362px"></iframe></span></div></div></BODY></HTML>