ايقونه facebook فى منتداى

الكود:

[b]<STYLE type=text/css>
    .slide_likebox {
        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="slide_likebox"> <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=ضع هنا رابط صفحتك
    على الفيس
 
 
بوك&amp;width=190&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;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>[/b]

صوره من الكود قبل مرور الماوس




صوره من الكود عند مرو الماوس



طريقة وضع الكود

لوحة الاداره / العناصر الاضافيه / اداره العناصر الستقله على المنتدى / انشاء عنصر شخصي

جديد


ضع الكود

ثم اضغط سجل و اسحب الكود وضعه فى العناصر


, اضغط سجل

الكود:


<!--كود جعل العناصر اسفل المنتدى -->
</td>
  </tr>
 </tbody>
 </table>
<!-- نهاية الكود-->