السلام عليكم

نرجوا من المختصين أين يعطونا هاد الكود لي في الصورة



https://i.servimg.com/u/f43/12/53/77/82/231310.png

سلام...................

السلام عليكم

مرحباً بك في منتدى الدعم و المساعدة الخاص بشركة احلى منتدى

بما
أنك جديد في منتدانا, اعطيك هنا بعض الروابط التي يستحسن تذكرها و الإطلاع
على محتواها قبل أي سؤال مقبل:

قانون منتدى الدعم من الواجب عليك احترامها للحصول على إجابة سريعة

مواضيع تشرح لك بالصور كل تقنيات و خبايا ادارة منتداك


مواضيع تشرح لك تقنيات منقدمة لتشخيص ورفع مردود منتداك
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
و الآن, للإجابة على سؤالك,...
ممكن مثال صديقى
موقع به تلك الطريقة وسنحاول على ظبط كود لك بهذا الشكل

طريقة العمل
اول حاجة تروح الي قالب
overall_header
وتحذف هذا الجزء منه

الكود:

<span class="gen">{SITE_DESCRIPTION}<br />  </span>

ثم تبحث عن هذا الجزء في نفس القالب

الكود:

<div style="clear: both;"></div>

وضع هذا بعده مباشر

الكود:

<table width="960px" cellspacing="0" cellpadding="0" border="0" class="21598"><tbody><tr></tr><tr><td align="center" class="login"><div class="wilcom_user"><form name="form_login" method="post" action="/login"><table cellspacing="3" cellpadding="0" border="0" style="padding-left:20px">

<!-- BEGIN switch_fb_login --><tbody><tr>
<td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif"></span> </td><td><input type="text" onblur="if (this.value == '') this.value = 'اسم العضو';" onclick="if (this.value == 'اسم العضو') this.value = '';" value="اسم العضو" size="10" name="username" id="Post"> </td><td><input type="checkbox" checked="true" name="autologin"><span lang="ar-sa" span="">حفظ البيانات؟</span></td></tr><tr><td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif"></span> </td><td><input type="password" onblur="if (this.value == '') this.value = '';" onclick="if (this.value == '') this.value = '';" value="" size="10" name="password" id="Post"> </td><td><input type="submit" tabindex="104" value="تسجيل الدخول" name="login" class="mainoption"></td></tr></tbody></table></form></div> 
  <!-- END switch_fb_login -->
                <!-- BEGIN switch_user_logged_in -->
  <div class="wilcom_user"> {SITE_DESCRIPTION}<br />  </div>
                <!-- END switch_user_logged_in -->


<div class="link_userr"> <a href="/search.forum?search_id=unanswered" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">مواضيع لم <span style="font-size: 10px; color: #FF0000">يُرد عليها</span></a> <a href="/rss" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">تغذية rss</a> </div>
<div class="link_userr"> <a href="/memberlist?mode=overall_posters" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">أفضل 20عضو</a> <a href="/memberlist?mode=today_posters"><img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png" style="opacity: 1;">أفضل اعضاء اليوم</a> </div> <div class="link_userr"> <a href="/search.forum?search_id=newposts" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">جديد المواضيع</a> <a href="/search.forum?search_id=egosearch" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/page_w10.png">مشـــــاركاتي</a> </div>
 <div class="link_userr"> <a href="ضع رابط القانون"><img src="http://i43.servimg.com/u/f43/16/43/22/50/email_10.png">القانون</a> <a href="/profile?mode=editprofile&amp;page_profil=friendsfoes" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/user_a10.png">قائمة أصـدقائي</a> </div>
</td></tr></tbody></table>  <br />  <br />  <br />  <br />  <br />  <br />

ثم اذهب الي css وضع هذا الكود

الكود:

.login {
    background: url("url img") no-repeat scroll center top transparent;
    height: 113px;
    width: 960px;
}
.wilcom_user {
    background: url("url imgf") no-repeat scroll right 5px transparent;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 17px;
    padding: 2px 15px 0 0;
}
.wilcom_user span img {
    border: 0 none;
}
.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;
}
.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;
}
.link_userr a img {
    border: 0 none;
    margin: 0 0 0 8px;
}
.link_userr a {
    display: block;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 2px 0;
}
.user_l {
    background: url("url img") no-repeat scroll 97% 7px #FFFFE8;
    border: 1px solid #CCCCCC;
    color: #666666;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 5px 20px 5px 5px;
    text-align: right;
}
.user_pass {
    float: right;
    margin: 0;
}
.user_n_b {
    margin: 0 0 0 3px;
    width: 178px;
}
.user_p_b {
    margin: 0;
    width: 178px;
}
.user_click {
    float: right;
    margin: 0;
    padding: 0;
}


ثم اذهب الي لوحة الادارة
إدارة عامة
منتدي
تشكيل
وصف المنتدى * :
ضع هذا الكود فيه

الكود:

متصل باسم {USERNAME}
<br />
{USERLASTVISIT}
<br />
{NOWWITHTIME}

أخي A7medvirus هاهو قالب نرجوا نك التعديل عليه لأن الطريقة الجديدة في أكواد سي أس أس صعب البحث فيها

القالب:

الكود:

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns:fb="http://www.facebook.com/2008/fbml">
        <head>
            <!-- BEGIN meta_emulate_ie7 -->
            <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
            <!-- END meta_emulate_ie7 -->
            <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
            <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
            <meta http-equiv="content-script-type" content="text/javascript" />
            <meta http-equiv="content-style-type" content="text/css" />
          <!-- BEGIN switch_canonical_url -->
          <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
          <!-- END switch_canonical_url -->
            {META_FAVICO} {META}
            <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
            {T_HEAD_STYLESHEET} {CSS}
            <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
            <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
            <script src="{JQUERY_PATH}" type="text/javascript"></script><script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
            <!-- BEGIN switch_fb_login -->
            <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"></script>
            <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
            <!-- END switch_fb_login -->
            <!-- BEGIN switch_ticker -->
            <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
            <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
            <!-- END switch_ticker -->

            <!-- BEGIN switch_ticker_new -->
            <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
            <script type="text/javascript">
            //<![CDATA[

            /* Definir le sens de direction en fonction du panneau admin */
            var tickerDirParam = "{switch_ticker.DIRECTION}";
            var slid_vert = false;
            var auto_dir  = 'next';
            var h_perso = parseInt({switch_ticker.HEIGHT});

            switch( tickerDirParam )
            {
                case 'top' :
                    slid_vert = true;
                    break;

                case 'left':
                    break;

                case 'bottom':
                    slid_vert = true;
                    auto_dir  = 'prev';
                    break;

                case 'right':
                    auto_dir  = 'prev';
                    break;

                default:
                    slid_vert = true;
            }

            $(document).ready(function() {
                var w_cont = $('#fa_ticker_container').width();

                if (w_cont > 0)
                {
                    $('#fa_ticker_container').width(w_cont);

                    /* Affichage de la liste */
                    $('#fa_ticker_content').css('display','block');

                    /* Calcul des dimensions du conteneur et des �l�ments */
                    var width_max  = $('ul#fa_ticker_content').width();
                    var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                    var height_max = h_perso;

                    /* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
                    $('ul#fa_ticker_content li').each( function () {
                        if ($(this).height() > height_max)
                        {
                            height_max = $(this).height();
                        }
                    } );

                    /* Redimensionnement des �l�ments et des images trop larges */
                    $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                        if ($(this).width() > width_item)
                        {
                        var ratio      = $(this).width() / width_item;
                        var new_height = Math.round($(this).height() / ratio);
                        $(this).height(new_height).width(width_item);
                        }
                    });

                    /* Redimensionnement et centrage du conteneur en mode vertical */
                    if (slid_vert)
                    {
                        $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                    }

                    /* Initialisation du caroussel */
                    $('#fa_ticker_content').jcarousel({
                          vertical: slid_vert,
                        wrap: 'circular',
                        auto: {switch_ticker.STOP_TIME},
                        auto_direction: auto_dir,
                        scroll: 1,
                        size: {switch_ticker.SIZE},
                        height_max: height_max,
                        animation: {switch_ticker.SPEED}
                    });
                }
                else
                {
                    $('ul#fa_ticker_content li:not(:first)').css('display','none');
                    $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
                }
            });
            //]]>
            </script>
            <!-- END switch_ticker_new -->
        {HOSTING_JS}
        <!-- BEGIN google_analytics_code -->
        <script type="text/javascript">
        //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
        //]]>
        </script>
        <!-- END google_analytics_code -->

            <script type="text/javascript">
            //<![CDATA[
            $(document).ready(function(){
                <!-- BEGIN switch_enable_pm_popup -->
                    pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
                    pm.focus();
                <!-- END switch_enable_pm_popup -->
                <!-- BEGIN switch_report_popup -->
                    report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
                    report.focus();
                <!-- END switch_report_popup -->
                <!-- BEGIN switch_ticker -->
                    ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
                <!-- END switch_ticker -->
            });

            <!-- BEGIN switch_login_popup -->
                var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
            <!-- END switch_login_popup -->
            //]]>
            </script>

            {GREETING_POPUP}
            <!-- BEGIN hitskin_preview -->
            <style type="text/css">
            #hitskin_preview {
                margin: 0; padding: 0;
                position: fixed;
                top: 0; left: 0;
                width: 100%;
                height: 65px;
                background: url('http://www.tarooti.net/upfiles/Vwt51351.png') repeat-x left -15px;
                color: #fff
            }
            * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
                position: absolute;
                top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
                z-index: 2;
                background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
            }
            * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
            background: #fff url(foo) fixed;
            }
            #hitskin_preview h1 {
                float: left;
                margin: 3px 0 0 0;
                padding: 0 0 0 10px;
                font: italic normal 25px Arial,sans serif;
                color: #fff;
            }
            #hitskin_preview h1 img {
                vertical-align: middle;
            }
            #hitskin_preview em {
                color: #7CBA2C;
                font-weight: bold;
            }
            #hitskin_preview a {
            color: #fff;
            }
            #hitskin_preview a:hover {
            text-decoration: underline;
            }

            #hitskin_preview .content {
                text-align: right;
            }
            #hitskin_preview .content p {
                margin: 4px 1em 0px 1em;
                font-size: 15px;
                line-height: 1.8em;
                color: #fff;
                font-weight: bold;
            }
            #hitskin_preview .content p span {
                font-weight: normal;
                font-size: 0.8em;
            }
            body {
                margin-top: 40px !important;
            }
            {hitskin_preview.HITSKIN_RTL_CSS}
            </style>
            <!-- END hitskin_preview -->

            <!-- BEGIN switch_ticker_new -->
            <style>
            .jcarousel-skin-tango .jcarousel-item {
                text-align:center;
                width: 10px;
            }

            .jcarousel-skin-tango .jcarousel-item-horizontal {
                margin-right: {switch_ticker.SPACING}px;
            }

            .jcarousel-skin-tango .jcarousel-item-vertical {
                margin-bottom: {switch_ticker.SPACING}px;
            }

            </style>
            <!-- END switch_ticker_new -->
        </head>
        <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
            <!-- BEGIN hitskin_preview -->
            <div id="hitskin_preview" style="display: block;">
                <h1><img src="http://www.tarooti.net/upfiles/qqs51172.png" alt="" />
              Hit<em>skin</em>.com</h1>
                <div class="content">
                    <p>
                        {hitskin_preview.L_THEME_SITE_PREVIEW}
                        <br />
                        <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
                    </p>
                </div>
            </div>
            <!-- END hitskin_preview -->

            <!-- BEGIN switch_login_popup -->
            <div id="login_popup">
                <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
                    <tr height="25">
                        <td class="catLeft">
                            <span class="genmed module-title">{SITENAME}</span>
                        </td>
                    </tr>
                    <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                        <td class="row1" align="left" valign="top">
                            <div id="login_popup_buttons">
                                <form action="{S_LOGIN_ACTION}" method="get">
                                    <input type="submit" class="mainoption" value="{L_LOGIN}" />
                                    <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                                    <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                                </form>
                            </div>
                            <span class="genmed">{LOGIN_POPUP_MSG}</span>
                        </td>
                    </tr>
                </table>
            </div>
            <!-- END switch_login_popup -->

            <a name="top"></a>
            {JAVASCRIPT}
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled 7</title>
        <style type="text/css">
        .headerodessa1 {
            border-collapse: collapse;
        }
        .headerodessa2 {
            background-image: url('http://img819.imageshack.us/img819/7599/0211145.png');
        }
        </style>
        </head>




        <div style="text-align: center;" id="mainmenu"><ul class="glossymenu">
        <li class="current"><a href="http://www.youtube.com/user/saidani1995/"><b>شباب الجزائر TV</b></a></li><li>
        <a style title="التعليم والشرح" href="http://chabebe.algeriaforum.net/f14-montada">
              <b>التعليم والشرح</b></a></li>
              <li>
        <a title="الصحف الجزائرية" href="http://www.algerianp.malware-site.www/"><b>الصحف الجزائرية</b>
        </a></li><li>
        <a title="صفحتنا على الفيسبوك" href="http://www.facebook.com/chabebe.algeriaforum.net"><b>صفحتنا على الفيسبوك</b>
        </a></li><li>
        <a title="مركز رفع الصور" href="http://chabebe.algeriaforum.net/h8-page"><b>مركز رفع الصور</b>
        </a></li><li>
          <a style title="مكتبة الصور" href="http://chabebe.algeriaforum.net/gallery/index.htm">
              <b>مكتبة الصور</b></a></li>
              <li>
        <a title="فوتوشوب أون لاين" href="http://chabebe.algeriaforum.net/h3-page"><b>فتوشوب أون لاين</b>
        </a></li><li>
        <a title="قوانين المنتدى" href="http://chabebe.algeriaforum.net/t32-topic"><b>القوانين</b>
        </a></li><li>
        <a title="إسترجاع كلمة السر" href="http://chabebe.algeriaforum.net/profile?mode=sendpassword"><b>إسترجاع كلمة السر</b>
        </a></li><li>
        </ul></div>






        <table style="width: 100%" dir="rtl" cellspacing="0" cellpadding="0" class="headerodessa1" height="275" background="http://i42.servimg.com/u/f42/16/02/36/33/facblu10.png">
            <tr>
                <td style="width: 500px" class="headerodessa2">
              <img alt="" src="http://i42.servimg.com/u/f42/16/02/36/33/logo_f10.png" width="500" height="275" /></td>
                <td style="background-image:url('http://i42.servimg.com/u/f42/16/02/36/33/facblu10.png')" class="headerodessa2">
<div id="header"><div id="h_right"></div><div id="h_left">
<center><a href="http://chabebe.algeriaforum.net/f72-montada"><img src="http://i60.servimg.com/u/f60/15/40/37/88/ooou10.png"></a><a href="http://chabebe.algeriaforum.net/f204-montada" target="_blank"><img src="http://i42.servimg.com/u/f42/16/02/36/33/index10.png"></a>
<center>
</center></center></div>
<br><br><div id="page"><br>
    <h1>     
                </table>
        <!-- BEGIN switch_user_logged_in -->
        <div style="text-align: center;" id="mainmenu"><ul class="glossymenu">
        <li class="current"><a href="http://chabebe.algeriaforum.net"><b>مدخل المنتدى</b></a></li><li>
        <a style="" title="تعليمات " href="http://chabebe.algeriaforum.net/faq"><b>تعليمات</b></a></li><li>
        <a title="البحث " href="http://chabebe.algeriaforum.net/search"><b>البحث </b>
        </a></li><li>
        <a title="الأعضاء" href="http://chabebe.algeriaforum.net/memberlist"><b>الأعضاء</b>
        </a></li><li>
        <a title="البيانات الشخصية" href="http://chabebe.algeriaforum.net/profile?mode=editprofile"><b>البيانات الشخصية</b>
        </a></li><li>
        <a title="قوانين المنتدى" href="http://chabebe.algeriaforum.net/t32-topic"><b>القوانين</b>
        </a></li><li>
        <a title="الإحصائيات" href="http://chabebe.algeriaforum.net/statistics?tt=1"><b>الإحصائيات</b>
        </a></li><li>
        <a title="الرسائل" href="http://chabebe.algeriaforum.net/privmsg?folder=inbox"><b>الرسائل</b>
        </a></li><li>
        <a title="إتصل بنا" href="http://chabebe.algeriaforum.net/contact"><b>إتصل بنا</b>
        </a></li><li>
        <a title="الخروج" href="http://chabebe.algeriaforum.net/login?logout"><b>الخروج</b>
        </a></li><li>



        </ul></div>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_user_logged_out -->
        <div style="text-align: center;" id="mainmenu"><ul class="glossymenu">
        <li class="current"><a href="http://chabebe.algeriaforum.net/"><b>مخل المنتدى</b></a></li><li>
        <a style="" title="تعليمات " href="http://chabebe.algeriaforum.net/faq"><b>تعليمات</b></a></li><li>
        <a title="البحث " href="http://chabebe.algeriaforum.net/search"><b>البحث </b>
        </a></li><li>
        <a title="تسجيل" href="http://chabebe.algeriaforum.net/register"><b>تسجيل</b>
        </a></li><li>
        <a title="الدخول " href="http://chabebe.algeriaforum.net/login"><b>الدخول</b>
        </a></li><li>
        </ul></div>
        <!-- END switch_user_logged_out -->

        <!-- BEGIN switch_user_logged_out -->
              <form action="/login.forum?redirect=h14-page" method="post" name="form_login"><div class="F_H_1"><div class="F_H_2"></div><div class="F_H_3"></div><div class="F_H_4"></div></div>
        <div class="F_G_2"><div class="F_G_3">
        <table border="0" width="100%"  cellspacing="0" cellpadding="0">
          <tr>
              <td  class="row1" >
     
              <p align="right">   
     
              <p align="right">
              <div class="nav"><a class="nav" href="{U_INDEX}">
                <img src="http://i43.servimg.com/u/f43/16/43/22/50/uuoo12.png" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div>
            <img src="http://i23.servimg.com/u/f23/16/43/22/50/navbit11.gif" height="15" width="30" /> {PAGE_TITLE} </strong>
        </p></td>
              <td width="270" class="row3">

                <table border="0" width="100%"  cellspacing="0" cellpadding="0" align="center">
                      <tr>
                          <td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif"></span> </td>
                          <td><input id="Post" type="text" name="username" size="10" value="اسم العضو" onclick="if (this.value == 'اسم العضو') this.value = '';" onblur="if (this.value == '') this.value = 'اسم العضو';"> </td>
                          <td>
                            <input type="checkbox" name="autologin" checked="true">
                            <span span lang="ar-sa">حفظ البيانات؟</span>
                          </td>
                      </tr>

                      <tr>
                          <td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif"></span> </td>
                          <td><input id="Post" type="password" name="password" size="10" value="" onclick="if (this.value == '') this.value = '';" onblur="if (this.value == '') this.value = '';"> </td>
                          <td><input type="submit" class="mainoption" name="login" value="تسجيل الدخول" tabindex="104" >

        </td>
                      </tr>
                    </table></td>
          </tr>
     
        </table>

        </div>
        </div>


        </form>
        <!-- END switch_user_logged_out -->


        <!-- BEGIN switch_user_logged_in -->
        <div class="F_H_1"><div class="F_H_2"></div><div class="F_H_3"></div><div class="F_H_4"></div></div>
        <div class="F_G_2"><div class="F_G_3">


        <table border="0" width="100%"  cellspacing="0" cellpadding="0">
          <tr>
              <td  class="row1" >
     
              <p align="right">
     
              <div class="nav"><a class="nav" href="{U_INDEX}">
                <img src="http://i43.servimg.com/u/f43/16/43/22/50/uuoo12.png" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div>
            <img src="http://i23.servimg.com/u/f23/16/43/22/50/navbit11.gif" height="15" width="30" /> {PAGE_TITLE} </strong>
        </p></td>
              <td width="270" class="row3">
              <table border="0" width="100%"  cellspacing="0" cellpadding="0" align="center">

          <tr>
              <td >
        {SITE_DESCRIPTION}
        </td>

          </tr>
        </table></td>
          </tr>
     
        </table>

        </div>
        </div>
        <!-- END switch_user_logged_in -->
        <div style="text-align: center;" id="mainmenu">
          <ul class="glossymenu">
              <li class="current"><a href="http://chabebe.algeriaforum.net/forum"><b>الشبـــــكة الرئسية</b></a></li>
              <li>
              <a title="جديد المواضيع" href="http://www.chabebe.algeriaforum.net/search.forum?search_id=newposts">
              <b>جديد المواضيع</b></a></li>
              <li>
              <a style title="أفضل مواضيع اليوم" href="http://www.chabebe.algeriaforum.net/search.forum?search_id=activetopics">
              <b>أفضل المواضيع لهذا اليوم</b></a></li>
              <li>
              <a style title="أفضل أعضاء اليوم" href="http://www.chabebe.algeriaforum.net/memberlist.forum?mode=today_posters">
              <b>أفضل أعضاء اليوم</b></a></li>
              <li>
              <a href="http://www.chabebe.algeriaforum.net/memberlist.forum?mode=overall_posters">
              <b>أفضل 20 عضو</b></a></li>
              <li>
              <a style href="http://www.chabebe.algeriaforum.net/search.forum?search_id=egosearch">
              <b>إستعرض مشراكاتك</b></a></li>
              <li>
              <a style href="http://www.chabebe.algeriaforum.net/search.forum?search_id=unanswered">
              <b>مواضيع لم يرد عليها</b></a></li>
        <div style="text-align: left;">  <a href="http://chabebe.algeriaforum.net/rss"><img style="opacity: 1;" src="http://i46.servimg.com/u/f46/12/36/04/46/rss11.png"></a><a href="http://www.youtube.com/user/saidani1995"><img style="opacity: 1;" src="http://www.mou1.com/wp-content/themes/Statement-ED3S/images/web2/youtube.png"></a><a href="http://twitter.com/chabebe_algeria"><img style="opacity: 1;" src="http://i46.servimg.com/u/f46/12/36/04/46/twitte13.png"></a><a href="http://www.facebook.com/groups/110187935723658/"><img style="opacity: 1;" src="http://i46.servimg.com/u/f46/12/36/04/46/facebo20.png"></a><br>
        </div>
          </ul>
        </div>
        <div id="header">
            <div id="header_center">
        </div>
        </div>
            <div style="clear: both;"/>
            <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="0" border="0" align="center">
                <tr>
                    <td class="bodyline">
                        <table width="100%" cellspacing="0" cellpadding="0" border="0">
                            <tr>
                                <!-- BEGIN switch_logo_left -->
                                <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                                <td align="center" width="100%" valign="middle">
                                    <div class="maintitle">{{MAIN_SITENAME}</div>
                                    <br />
                                    <span class="gen"><br />  </span>
                                </td>
                                <!-- END switch_logo_left -->

                                <!-- BEGIN switch_logo_center -->
                                <td align="center" width="100%" valign="middle">
                                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                                    <div class="maintitle">{MAIN_SITENAME}</div>
                                    <br />
                                    <span class="gen"></span>
                                </td>
                                <!-- END switch_logo_center -->

                                <!-- BEGIN switch_logo_right -->
                                <td align="center" width="100%" valign="middle">
                                    <div class="maintitle">{MAIN_SITENAME}</div>
                                    <br />
                                    <span class="gen"><br />  </span>
                                </td>
                                <td>
                                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                                </td>
                                <!-- END switch_logo_right -->
                            </tr>
                        </table>
                        <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                            <tr>
                                <td align="{MENU_POSITION}"{MENU_NOWRAP}>
                          {GENERATED_NAV_BAR}</td>
                            </tr>
                        </table>

                        <div style="clear: both;"></div>

                        <!-- BEGIN switch_ticker_new -->
                        <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                                <tr>
                                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                                        <div id="fa_ticker_container">
                                            <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                                                <!-- BEGIN ticker_row -->
                                                <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                                <!-- END ticker_row -->
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!-- END switch_ticker_new -->

                        <!-- BEGIN switch_ticker -->
                        <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                                <tr>
                                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                                        <div id="fa_ticker_container">
                                            <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                                <div class="fa_ticker_content">
                                                    <!-- BEGIN ticker_row -->
                                                    <div>
                                            {switch_ticker.ticker_row.ELEMENT}</div>
                                                    <!-- END ticker_row -->
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <!-- END switch_ticker -->

                        <div id="page-body">
                            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                                <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                                    <tbody>
                                        <tr>
            <td valign="top" width="100%">
                                      <div id="center">
                                        <!-- BEGIN giefmod_index1 -->
                                        {giefmod_index1.MODVAR}
                                            <!-- BEGIN saut -->
                                            <div style="height:{SPACE_ROW}px"></div>
                                            <!-- END saut -->
                                        <!-- END giefmod_index1 -->
                                      </div>
                                  </td></tr><tr>
                                            <td valign="top" width="100%">
        <!-- BEGIN html_validation -->
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <p> </p>
        </body>
        </html>
        <!-- END html_validation -->


        <div class="home_b">
        <div class="home_l">
        <div class="home_r"> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}

        </div>
        </div>
        </div>
        </div>

شكرا لك مقدما

مرحبا
اليك القالب

الكود:

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns:fb="http://www.facebook.com/2008/fbml">
            <head>
                <!-- BEGIN meta_emulate_ie7 -->
                <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
                <!-- END meta_emulate_ie7 -->
                <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
                <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
                <meta http-equiv="content-script-type" content="text/javascript" />
                <meta http-equiv="content-style-type" content="text/css" />
              <!-- BEGIN switch_canonical_url -->
              <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
              <!-- END switch_canonical_url -->
                {META_FAVICO} {META}
                <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
                {T_HEAD_STYLESHEET} {CSS}
                <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
                <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
                <script src="{JQUERY_PATH}" type="text/javascript"></script><script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
                <!-- BEGIN switch_fb_login -->
                <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"></script>
                <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
                <!-- END switch_fb_login -->
                <!-- BEGIN switch_ticker -->
                <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
                <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
                <!-- END switch_ticker -->

                <!-- BEGIN switch_ticker_new -->
                <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
                <script type="text/javascript">
                //<![CDATA[

                /* Definir le sens de direction en fonction du panneau admin */
                var tickerDirParam = "{switch_ticker.DIRECTION}";
                var slid_vert = false;
                var auto_dir  = 'next';
                var h_perso = parseInt({switch_ticker.HEIGHT});

                switch( tickerDirParam )
                {
                    case 'top' :
                        slid_vert = true;
                        break;

                    case 'left':
                        break;

                    case 'bottom':
                        slid_vert = true;
                        auto_dir  = 'prev';
                        break;

                    case 'right':
                        auto_dir  = 'prev';
                        break;

                    default:
                        slid_vert = true;
                }

                $(document).ready(function() {
                    var w_cont = $('#fa_ticker_container').width();

                    if (w_cont > 0)
                    {
                        $('#fa_ticker_container').width(w_cont);

                        /* Affichage de la liste */
                        $('#fa_ticker_content').css('display','block');

                        /* Calcul des dimensions du conteneur et des �l�ments */
                        var width_max  = $('ul#fa_ticker_content').width();
                        var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                        var height_max = h_perso;

                        /* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
                        $('ul#fa_ticker_content li').each( function () {
                            if ($(this).height() > height_max)
                            {
                                height_max = $(this).height();
                            }
                        } );

                        /* Redimensionnement des �l�ments et des images trop larges */
                        $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                            if ($(this).width() > width_item)
                            {
                            var ratio      = $(this).width() / width_item;
                            var new_height = Math.round($(this).height() / ratio);
                            $(this).height(new_height).width(width_item);
                            }
                        });

                        /* Redimensionnement et centrage du conteneur en mode vertical */
                        if (slid_vert)
                        {
                            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                        }

                        /* Initialisation du caroussel */
                        $('#fa_ticker_content').jcarousel({
                              vertical: slid_vert,
                            wrap: 'circular',
                            auto: {switch_ticker.STOP_TIME},
                            auto_direction: auto_dir,
                            scroll: 1,
                            size: {switch_ticker.SIZE},
                            height_max: height_max,
                            animation: {switch_ticker.SPEED}
                        });
                    }
                    else
                    {
                        $('ul#fa_ticker_content li:not(:first)').css('display','none');
                        $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
                    }
                });
                //]]>
                </script>
                <!-- END switch_ticker_new -->
            {HOSTING_JS}
            <!-- BEGIN google_analytics_code -->
            <script type="text/javascript">
            //<![CDATA[
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
            _gaq.push(['_trackPageview']);

            (function() {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();
            //]]>
            </script>
            <!-- END google_analytics_code -->

                <script type="text/javascript">
                //<![CDATA[
                $(document).ready(function(){
                    <!-- BEGIN switch_enable_pm_popup -->
                        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
                        pm.focus();
                    <!-- END switch_enable_pm_popup -->
                    <!-- BEGIN switch_report_popup -->
                        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
                        report.focus();
                    <!-- END switch_report_popup -->
                    <!-- BEGIN switch_ticker -->
                        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
                    <!-- END switch_ticker -->
                });

                <!-- BEGIN switch_login_popup -->
                    var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
                <!-- END switch_login_popup -->
                //]]>
                </script>

                {GREETING_POPUP}
                <!-- BEGIN hitskin_preview -->
                <style type="text/css">
                #hitskin_preview {
                    margin: 0; padding: 0;
                    position: fixed;
                    top: 0; left: 0;
                    width: 100%;
                    height: 65px;
                    background: url('http://www.tarooti.net/upfiles/Vwt51351.png') repeat-x left -15px;
                    color: #fff
                }
                * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
                    position: absolute;
                    top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
                    z-index: 2;
                    background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
                }
                * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
                background: #fff url(foo) fixed;
                }
                #hitskin_preview h1 {
                    float: left;
                    margin: 3px 0 0 0;
                    padding: 0 0 0 10px;
                    font: italic normal 25px Arial,sans serif;
                    color: #fff;
                }
                #hitskin_preview h1 img {
                    vertical-align: middle;
                }
                #hitskin_preview em {
                    color: #7CBA2C;
                    font-weight: bold;
                }
                #hitskin_preview a {
                color: #fff;
                }
                #hitskin_preview a:hover {
                text-decoration: underline;
                }

                #hitskin_preview .content {
                    text-align: right;
                }
                #hitskin_preview .content p {
                    margin: 4px 1em 0px 1em;
                    font-size: 15px;
                    line-height: 1.8em;
                    color: #fff;
                    font-weight: bold;
                }
                #hitskin_preview .content p span {
                    font-weight: normal;
                    font-size: 0.8em;
                }
                body {
                    margin-top: 40px !important;
                }
                {hitskin_preview.HITSKIN_RTL_CSS}
                </style>
                <!-- END hitskin_preview -->

                <!-- BEGIN switch_ticker_new -->
                <style>
                .jcarousel-skin-tango .jcarousel-item {
                    text-align:center;
                    width: 10px;
                }

                .jcarousel-skin-tango .jcarousel-item-horizontal {
                    margin-right: {switch_ticker.SPACING}px;
                }

                .jcarousel-skin-tango .jcarousel-item-vertical {
                    margin-bottom: {switch_ticker.SPACING}px;
                }

                </style>
                <!-- END switch_ticker_new -->
            </head>
            <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
                <!-- BEGIN hitskin_preview -->
                <div id="hitskin_preview" style="display: block;">
                    <h1><img src="http://www.tarooti.net/upfiles/qqs51172.png" alt="" />
                  Hit<em>skin</em>.com</h1>
                    <div class="content">
                        <p>
                            {hitskin_preview.L_THEME_SITE_PREVIEW}
                            <br />
                            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
                        </p>
                    </div>
                </div>
                <!-- END hitskin_preview -->

                <!-- BEGIN switch_login_popup -->
                <div id="login_popup">
                    <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
                        <tr height="25">
                            <td class="catLeft">
                                <span class="genmed module-title">{SITENAME}</span>
                            </td>
                        </tr>
                        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                            <td class="row1" align="left" valign="top">
                                <div id="login_popup_buttons">
                                    <form action="{S_LOGIN_ACTION}" method="get">
                                        <input type="submit" class="mainoption" value="{L_LOGIN}" />
                                        <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                                        <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                                    </form>
                                </div>
                                <span class="genmed">{LOGIN_POPUP_MSG}</span>
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- END switch_login_popup -->

                <a name="top"></a>
                {JAVASCRIPT}
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Untitled 7</title>
            <style type="text/css">
            .headerodessa1 {
                border-collapse: collapse;
            }
            .headerodessa2 {
                background-image: url('http://img819.imageshack.us/img819/7599/0211145.png');
            }
            </style>
            </head>




            <div style="text-align: center;" id="mainmenu"><ul class="glossymenu">
            <li class="current"><a href="http://www.youtube.com/user/saidani1995/"><b>شباب الجزائر TV</b></a></li><li>
            <a style title="التعليم والشرح" href="http://chabebe.algeriaforum.net/f14-montada">
                  <b>التعليم والشرح</b></a></li>
                  <li>
            <a title="الصحف الجزائرية" href="http://www.algerianp.malware-site.www/"><b>الصحف الجزائرية</b>
            </a></li><li>
            <a title="صفحتنا على الفيسبوك" href="http://www.facebook.com/chabebe.algeriaforum.net"><b>صفحتنا على الفيسبوك</b>
            </a></li><li>
            <a title="مركز رفع الصور" href="http://chabebe.algeriaforum.net/h8-page"><b>مركز رفع الصور</b>
            </a></li><li>
              <a style title="مكتبة الصور" href="http://chabebe.algeriaforum.net/gallery/index.htm">
                  <b>مكتبة الصور</b></a></li>
                  <li>
            <a title="فوتوشوب أون لاين" href="http://chabebe.algeriaforum.net/h3-page"><b>فتوشوب أون لاين</b>
            </a></li><li>
            <a title="قوانين المنتدى" href="http://chabebe.algeriaforum.net/t32-topic"><b>القوانين</b>
            </a></li><li>
            <a title="إسترجاع كلمة السر" href="http://chabebe.algeriaforum.net/profile?mode=sendpassword"><b>إسترجاع كلمة السر</b>
            </a></li><li>
            </ul></div>






            <table style="width: 100%" dir="rtl" cellspacing="0" cellpadding="0" class="headerodessa1" height="275" background="http://i42.servimg.com/u/f42/16/02/36/33/facblu10.png">
                <tr>
                    <td style="width: 500px" class="headerodessa2">
                  <img alt="" src="http://i42.servimg.com/u/f42/16/02/36/33/logo_f10.png" width="500" height="275" /></td>
                    <td style="background-image:url('http://i42.servimg.com/u/f42/16/02/36/33/facblu10.png')" class="headerodessa2">
    <div id="header"><div id="h_right"></div><div id="h_left">
    <center><a href="http://chabebe.algeriaforum.net/f72-montada"><img src="http://i60.servimg.com/u/f60/15/40/37/88/ooou10.png"></a><a href="http://chabebe.algeriaforum.net/f204-montada" target="_blank"><img src="http://i42.servimg.com/u/f42/16/02/36/33/index10.png"></a>
    <center>
    </center></center></div>
    <br><br><div id="page"><br>
        <h1>   
                    </table>
            <!-- BEGIN switch_user_logged_in -->
            <div style="text-align: center;" id="mainmenu"><ul class="glossymenu">
            <li class="current"><a href="http://chabebe.algeriaforum.net"><b>مدخل المنتدى</b></a></li><li>
            <a style="" title="تعليمات " href="http://chabebe.algeriaforum.net/faq"><b>تعليمات</b></a></li><li>
            <a title="البحث " href="http://chabebe.algeriaforum.net/search"><b>البحث </b>
            </a></li><li>
            <a title="الأعضاء" href="http://chabebe.algeriaforum.net/memberlist"><b>الأعضاء</b>
            </a></li><li>
            <a title="البيانات الشخصية" href="http://chabebe.algeriaforum.net/profile?mode=editprofile"><b>البيانات الشخصية</b>
            </a></li><li>
            <a title="قوانين المنتدى" href="http://chabebe.algeriaforum.net/t32-topic"><b>القوانين</b>
            </a></li><li>
            <a title="الإحصائيات" href="http://chabebe.algeriaforum.net/statistics?tt=1"><b>الإحصائيات</b>
            </a></li><li>
            <a title="الرسائل" href="http://chabebe.algeriaforum.net/privmsg?folder=inbox"><b>الرسائل</b>
            </a></li><li>
            <a title="إتصل بنا" href="http://chabebe.algeriaforum.net/contact"><b>إتصل بنا</b>
            </a></li><li>
            <a title="الخروج" href="http://chabebe.algeriaforum.net/login?logout"><b>الخروج</b>
            </a></li><li>



            </ul></div>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_user_logged_out -->
            <div style="text-align: center;" id="mainmenu"><ul class="glossymenu">
            <li class="current"><a href="http://chabebe.algeriaforum.net/"><b>مخل المنتدى</b></a></li><li>
            <a style="" title="تعليمات " href="http://chabebe.algeriaforum.net/faq"><b>تعليمات</b></a></li><li>
            <a title="البحث " href="http://chabebe.algeriaforum.net/search"><b>البحث </b>
            </a></li><li>
            <a title="تسجيل" href="http://chabebe.algeriaforum.net/register"><b>تسجيل</b>
            </a></li><li>
            <a title="الدخول " href="http://chabebe.algeriaforum.net/login"><b>الدخول</b>
            </a></li><li>
            </ul></div>
            <!-- END switch_user_logged_out -->

            <!-- BEGIN switch_user_logged_out -->
                  <form action="/login.forum?redirect=h14-page" method="post" name="form_login"><div class="F_H_1"><div class="F_H_2"></div><div class="F_H_3"></div><div class="F_H_4"></div></div>
            <div class="F_G_2"><div class="F_G_3">
            <table border="0" width="100%"  cellspacing="0" cellpadding="0">
              <tr>
                  <td  class="row1" >
       
                  <p align="right"> 
       
                  <p align="right">
                  <div class="nav"><a class="nav" href="{U_INDEX}">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/uuoo12.png" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div>
                <img src="http://i23.servimg.com/u/f23/16/43/22/50/navbit11.gif" height="15" width="30" /> {PAGE_TITLE} </strong>
            </p></td>
                  <td width="270" class="row3">

                    <table border="0" width="100%"  cellspacing="0" cellpadding="0" align="center">
                          <tr>
                              <td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif"></span> </td>
                              <td><input id="Post" type="text" name="username" size="10" value="اسم العضو" onclick="if (this.value == 'اسم العضو') this.value = '';" onblur="if (this.value == '') this.value = 'اسم العضو';"> </td>
                              <td>
                                <input type="checkbox" name="autologin" checked="true">
                                <span span lang="ar-sa">حفظ البيانات؟</span>
                              </td>
                          </tr>

                          <tr>
                              <td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif"></span> </td>
                              <td><input id="Post" type="password" name="password" size="10" value="" onclick="if (this.value == '') this.value = '';" onblur="if (this.value == '') this.value = '';"> </td>
                              <td><input type="submit" class="mainoption" name="login" value="تسجيل الدخول" tabindex="104" >

            </td>
                          </tr>
                        </table></td>
              </tr>
       
            </table>

            </div>
            </div>


            </form>
            <!-- END switch_user_logged_out -->


            <!-- BEGIN switch_user_logged_in -->
            <div class="F_H_1"><div class="F_H_2"></div><div class="F_H_3"></div><div class="F_H_4"></div></div>
            <div class="F_G_2"><div class="F_G_3">


            <table border="0" width="100%"  cellspacing="0" cellpadding="0">
              <tr>
                  <td  class="row1" >
       
                  <p align="right">
       
                  <div class="nav"><a class="nav" href="{U_INDEX}">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/uuoo12.png" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div>
                <img src="http://i23.servimg.com/u/f23/16/43/22/50/navbit11.gif" height="15" width="30" /> {PAGE_TITLE} </strong>
            </p></td>
                  <td width="270" class="row3">
                  <table border="0" width="100%"  cellspacing="0" cellpadding="0" align="center">

              <tr>
                  <td >

            </td>

              </tr>
            </table></td>
              </tr>
       
            </table>

            </div>
            </div>
            <!-- END switch_user_logged_in -->
            <div style="text-align: center;" id="mainmenu">
              <ul class="glossymenu">
                  <li class="current"><a href="http://chabebe.algeriaforum.net/forum"><b>الشبـــــكة الرئسية</b></a></li>
                  <li>
                  <a title="جديد المواضيع" href="http://www.chabebe.algeriaforum.net/search.forum?search_id=newposts">
                  <b>جديد المواضيع</b></a></li>
                  <li>
                  <a style title="أفضل مواضيع اليوم" href="http://www.chabebe.algeriaforum.net/search.forum?search_id=activetopics">
                  <b>أفضل المواضيع لهذا اليوم</b></a></li>
                  <li>
                  <a style title="أفضل أعضاء اليوم" href="http://www.chabebe.algeriaforum.net/memberlist.forum?mode=today_posters">
                  <b>أفضل أعضاء اليوم</b></a></li>
                  <li>
                  <a href="http://www.chabebe.algeriaforum.net/memberlist.forum?mode=overall_posters">
                  <b>أفضل 20 عضو</b></a></li>
                  <li>
                  <a style href="http://www.chabebe.algeriaforum.net/search.forum?search_id=egosearch">
                  <b>إستعرض مشراكاتك</b></a></li>
                  <li>
                  <a style href="http://www.chabebe.algeriaforum.net/search.forum?search_id=unanswered">
                  <b>مواضيع لم يرد عليها</b></a></li>
            <div style="text-align: left;">  <a href="http://chabebe.algeriaforum.net/rss"><img style="opacity: 1;" src="http://i46.servimg.com/u/f46/12/36/04/46/rss11.png"></a><a href="http://www.youtube.com/user/saidani1995"><img style="opacity: 1;" src="http://www.mou1.com/wp-content/themes/Statement-ED3S/images/web2/youtube.png"></a><a href="http://twitter.com/chabebe_algeria"><img style="opacity: 1;" src="http://i46.servimg.com/u/f46/12/36/04/46/twitte13.png"></a><a href="http://www.facebook.com/groups/110187935723658/"><img style="opacity: 1;" src="http://i46.servimg.com/u/f46/12/36/04/46/facebo20.png"></a><br>
            </div>
              </ul>
            </div>
            <div id="header">
                <div id="header_center">
            </div>
            </div>
                <div style="clear: both;"/>
                <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="0" border="0" align="center">
                    <tr>
                        <td class="bodyline">
                            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                <tr>
                                    <!-- BEGIN switch_logo_left -->
                                    <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                                    <td align="center" width="100%" valign="middle">
                                        <div class="maintitle">{{MAIN_SITENAME}</div>
                                        <br />
                                        <span class="gen"><br />  </span>
                                    </td>
                                    <!-- END switch_logo_left -->

                                    <!-- BEGIN switch_logo_center -->
                                    <td align="center" width="100%" valign="middle">
                                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                                        <div class="maintitle">{MAIN_SITENAME}</div>
                                        <br />
                                        <span class="gen"></span>
                                    </td>
                                    <!-- END switch_logo_center -->

                                    <!-- BEGIN switch_logo_right -->
                                    <td align="center" width="100%" valign="middle">
                                        <div class="maintitle">{MAIN_SITENAME}</div>
                                        <br />
                                        <span class="gen"><br />  </span>
                                    </td>
                                    <td>
                                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                                    </td>
                                    <!-- END switch_logo_right -->
                                </tr>
                            </table>
                            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                                <tr>
                                    <td align="{MENU_POSITION}"{MENU_NOWRAP}>
                              {GENERATED_NAV_BAR}</td>
                                </tr>
                            </table>

                            <div style="clear: both;"></div>
    <table width="960px" cellspacing="0" cellpadding="0" border="0" class="21598"><tbody><tr></tr><tr><td align="center" class="login"><div class="wilcom_user"><form name="form_login" method="post" action="/login"><table cellspacing="3" cellpadding="0" border="0" style="padding-left:20px">

    <!-- BEGIN switch_fb_login --><tbody><tr>
    <td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif"></span> </td><td><input type="text" onblur="if (this.value == '') this.value = 'اسم العضو';" onclick="if (this.value == 'اسم العضو') this.value = '';" value="اسم العضو" size="10" name="username" id="Post"> </td><td><input type="checkbox" checked="true" name="autologin"><span lang="ar-sa" span="">حفظ البيانات؟</span></td></tr><tr><td><span class="genmed"><img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif"></span> </td><td><input type="password" onblur="if (this.value == '') this.value = '';" onclick="if (this.value == '') this.value = '';" value="" size="10" name="password" id="Post"> </td><td><input type="submit" tabindex="104" value="تسجيل الدخول" name="login" class="mainoption"></td></tr></tbody></table></form></div>
      <!-- END switch_fb_login -->
                    <!-- BEGIN switch_user_logged_in -->
      <div class="wilcom_user"> {SITE_DESCRIPTION}<br />  </div>
                    <!-- END switch_user_logged_in -->


    <div class="link_userr"> <a href="/search.forum?search_id=unanswered" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">مواضيع لم <span style="font-size: 10px; color: #FF0000">يُرد عليها</span></a> <a href="/rss" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">تغذية rss</a> </div>
    <div class="link_userr"> <a href="/memberlist?mode=overall_posters" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">أفضل 20عضو</a> <a href="/memberlist?mode=today_posters"><img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png" style="opacity: 1;">أفضل اعضاء اليوم</a> </div> <div class="link_userr"> <a href="/search.forum?search_id=newposts" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">جديد المواضيع</a> <a href="/search.forum?search_id=egosearch" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/page_w10.png">مشـــــاركاتي</a> </div>
    <div class="link_userr"> <a href="ضع رابط القانون"><img src="http://i43.servimg.com/u/f43/16/43/22/50/email_10.png">القانون</a> <a href="/profile?mode=editprofile&amp;page_profil=friendsfoes" rel="nofollow"><img src="http://i43.servimg.com/u/f43/16/43/22/50/user_a10.png">قائمة أصـدقائي</a> </div>
    </td></tr></tbody></table>  <br />  <br />  <br />  <br />  <br />  <br />
                            <!-- BEGIN switch_ticker_new -->
                            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                                    <tr>
                                        <td {CLASS_TABLE_TYPE} align="left" class="row1">
                                            <div id="fa_ticker_container">
                                                <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                                                    <!-- BEGIN ticker_row -->
                                                    <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                                    <!-- END ticker_row -->
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- END switch_ticker_new -->

                            <!-- BEGIN switch_ticker -->
                            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                                    <tr>
                                        <td {CLASS_TABLE_TYPE} align="left" class="row1">
                                            <div id="fa_ticker_container">
                                                <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                                    <div class="fa_ticker_content">
                                                        <!-- BEGIN ticker_row -->
                                                        <div>
                                                {switch_ticker.ticker_row.ELEMENT}</div>
                                                        <!-- END ticker_row -->
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <!-- END switch_ticker -->

                            <div id="page-body">
                                <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                                    <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                                        <tbody>
                                            <tr>
                <td valign="top" width="100%">
                                          <div id="center">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                                <!-- BEGIN saut -->
                                                <div style="height:{SPACE_ROW}px"></div>
                                                <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                          </div>
                                      </td></tr><tr>
                                                <td valign="top" width="100%">
            <!-- BEGIN html_validation -->
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <p> </p>
            </body>
            </html>
            <!-- END html_validation -->


            <div class="home_b">
            <div class="home_l">
            <div class="home_r"> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}

            </div>
            </div>
            </div>
            </div>

+
لا تنسى ان تضع كود الــ
css

أخي كود css ليس يعمل بشكل جيد
يمكن الخطا من صفحة css لي عندي في المنتدى

أين الرد ياجماعة ؟؟؟

عزيزى كود الى css
يعمل بشكل جيد قد يكون الورقة اساسا فيها خطا اصلا انما الكود سليم لانى جربته

كيف العمل إذا هل من حل مقترح من طرفكم ؟؟؟

أين الرد ياجماعة؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

شوف اخي "حكيم عيون" كيف أثر على المنتدى
http://chabebe.algeriaforum.net/forum?tt=1
نرجوا الرد اخي الكريم
سلام

أهلا اخي
أولا هناك عدة مشاكل وهي:
عدم ظهور خلفية الكود الشفافة
ظهور مسافة في الجانب الايسر للمنتدى
ظهور الكود في الجهة اليمنى للمنتدى

يمكنك االان المتابعه هنا
https://help.ahlamontada.com/t945802-topic

شوف أخي نفس الشيئ
http://chabebe.algeriaforum.net/forum?tt=1
كيف العمل

مرحبا صديقى
ادخل الى ورقة تصميم
css
وضيف هذا الكود

الكود:


.login {
    background: url("http://i43.servimg.com/u/f43/16/43/22/50/social10.png") no-repeat scroll center top transparent;
    height: 113px;
    width: 960px;
}.wilcom_user {
    background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll right 5px transparent;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 17px;
    padding: 2px 15px 0 0;


}

.wilcom_user span img {
    border: 0 none;


}

.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;


}

.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;


}

.link_userr a img {
    border: 0 none;
    margin: 0 0 0 8px;


}

.link_userr a {
    display: block;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 2px 0;


}

.user_l {
    background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll 97% 7px #FFFFE8;
    border: 1px solid #CCCCCC;
    color: #666666;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 5px 20px 5px 5px;
    text-align: right;


}

.user_pass {
    float: right;
    margin: 0;


}

.user_n_b {
    margin: 0 0 0 3px;
    width: 178px;


}

.user_p_b {
    margin: 0;
    width: 178px;


}

.user_click {
    float: right;
    margin: 0;
    padding: 0;


}

#put_in {
    height: 26px;
    margin: 0 5px 0 0;
    padding: 0 0 4px;
    width: 80px;


}



وقدم
واذهب الى قالب الهيدر
واستبدل القالب الموجود بهذا

الكود:

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
 <html xmlns="http://www.w3.org/1999/xhtml"
dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}
{NAMESPACE_BBCODE}>
        <head>
          <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
          <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
          <meta http-equiv="content-script-type" content="text/javascript" />
          <meta http-equiv="content-style-type" content="text/css" />
          <!-- BEGIN switch_compat_meta -->
          <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
          <!-- END switch_compat_meta -->
          <!-- BEGIN switch_canonical_url -->
          <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
          <!-- END switch_canonical_url -->
          {META_FAVICO}
          {META}
          {META_FB_LIKE}
          <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
          {T_HEAD_STYLESHEET}
          {CSS}
          <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
 
        <link rel="search"
type="application/opensearchdescription+xml"
href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml"
title="{SEARCH_FORUMS}" />
          <script src="{JQUERY_PATH}" type="text/javascript"></script>
          <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

          <!-- BEGIN switch_fb_login -->
 
        <script
src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js"
type="text/javascript"></script>
          <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
          <!-- END switch_fb_login -->

          <!-- BEGIN switch_ticker -->
          <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
          <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
          <!-- END switch_ticker -->

          <!-- BEGIN switch_ticker_new -->
          <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
          <script type="text/javascript">//<![CDATA[
              /* Definir le sens de direction en fonction du panneau admin */
              var tickerDirParam = "{switch_ticker.DIRECTION}";
              var slid_vert = false;
              var auto_dir = 'next';
              var h_perso = parseInt({switch_ticker.HEIGHT});

              switch( tickerDirParam )
              {
                case 'top' :
                    slid_vert = true;
                    break;

                case 'left':
                    break;

                case 'bottom':
                    slid_vert = true;
                    auto_dir = 'prev';
                    break;

                case 'right':
                    auto_dir = 'prev';
                    break;

                default:
                    slid_vert = true;
              }

              $(document).ready(function() {
                var w_cont = $('#fa_ticker_container').width();

                if (w_cont > 0)
                {
                    $('#fa_ticker_container').width(w_cont);

                    /* Affichage de la liste */
                    $('#fa_ticker_content').css('display','block');

                    /* Calcul des dimensions du conteneur et des ?l?ments */
                    var width_max = $('ul#fa_ticker_content').width();
                    var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                    var height_max = h_perso;

 
                  /* Calcul de la hauteur maximale du contenur en
fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
                    $('ul#fa_ticker_content li').each( function () {
                      if ($(this).height() > height_max)
                      {
                          height_max = $(this).height();
                      }
                    } );

                    /* Redimensionnement des ?l?ments et des images trop larges */
                    $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                      if ($(this).width() > width_item)
                      {
                      var ratio      = $(this).width() / width_item;
                      var new_height = Math.round($(this).height() / ratio);
                      $(this).height(new_height).width(width_item);
                      }
                    });

                    /* Redimensionnement et centrage du conteneur en mode vertical */
                    if (slid_vert)
                    {
 
                   
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                    }

                    /* Initialisation du caroussel */
                    $('#fa_ticker_content').jcarousel({
                          vertical: slid_vert,
                      wrap: 'circular',
                      auto: {switch_ticker.STOP_TIME},
                      auto_direction: auto_dir,
                    scroll: 1,
                    size: {switch_ticker.SIZE},
                    height_max: height_max,
                    animation: {switch_ticker.SPEED}
                    });
                }
                else
                {
                    $('ul#fa_ticker_content li:not(:first)').css('display','none');
                    $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
                }
              });
          //]]>
          </script>
          <!-- END switch_ticker_new -->

          <script type="text/javascript">//<![CDATA[
          $(document).ready(function(){
              <!-- BEGIN switch_enable_pm_popup -->
                pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
                pm.focus();
              <!-- END switch_enable_pm_popup -->
              <!-- BEGIN switch_report_popup -->
 
              report =
window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport',
'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
                report.focus();
              <!-- END switch_report_popup -->
              <!-- BEGIN switch_ticker -->
 
              ticker_start({switch_ticker.HEIGHT},
{switch_ticker.SPACING}, {switch_ticker.SPEED},
'{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
              <!-- END switch_ticker -->
          });

          <!-- BEGIN switch_login_popup -->
 
            var logInPopUpLeft, logInPopUpTop, logInPopUpWidth =
{LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT},
logInBackgroundResize = true, logInBackgroundClass = false;
          <!-- END switch_login_popup -->

          <!-- BEGIN switch_login_popup -->
          $(document).ready( function() {
              $(window).resize(function() {
                var windowWidth = document.documentElement.clientWidth;
                var popupWidth = $("#login_popup").width();
                var mypopup = $("#login_popup");

                $("#login_popup").css({
                "left": windowWidth/2 - popupWidth/2
                    });
              });
          });
          <!-- END switch_login_popup -->
          //]]>
          </script>
          {GREETING_POPUP}
          <!-- BEGIN switch_ticker_new -->
          <style>
          .jcarousel-skin-tango .jcarousel-item {
              text-align:center;
              width: 10px;
          }

          .jcarousel-skin-tango .jcarousel-item-horizontal {
              margin-right: {switch_ticker.SPACING}px;
          }

          .jcarousel-skin-tango .jcarousel-item-vertical {
              margin-bottom: {switch_ticker.SPACING}px;
          }
          </style>
          <!-- END switch_ticker_new -->
          {HOSTING_JS}
          <!-- BEGIN google_analytics_code -->
          <script type="text/javascript">
          //<![CDATA[
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
            _gaq.push(['_trackPageview']);

            (function() {
              var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
              ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
              var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();
          //]]>
          </script>
          <!-- END google_analytics_code -->
        </head>
 
      <body background="{T_BODY_BACKGROUND}"
bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
vlink="{T_BODY_VLINK}">
          <!-- BEGIN hitskin_preview -->
          <div id="hitskin_preview" style="display: block;">
 
            <h1><img
src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" />
Hit<em>skin</em>.com</h1>
              <div class="content">
                <p>
                    {hitskin_preview.L_THEME_SITE_PREVIEW}
                    <br />
 
                  <span>{hitskin_preview.U_INSTALL_THEME}<a
href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
                </p>
              </div>
          </div>
          <!-- END hitskin_preview -->

          <!-- BEGIN switch_login_popup -->
          <div id="login_popup">
 
            <table class="forumline" width="{LOGIN_POPUP_WIDTH}"
height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
cellpadding="0">
                <tr height="25">
                    <td class="catLeft">
                      <span class="genmed module-title">{SITENAME}</span>
                    </td>
                </tr>
                <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                    <td class="row1" align="left" valign="top">
                      <div id="login_popup_buttons">
                          <form action="{S_LOGIN_ACTION}" method="get">
                            <input type="submit" class="mainoption" value="{L_LOGIN}" />
 
                          <input type="button" class="mainoption"
value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                            <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                          </form>
                      </div>
                      <span class="genmed">{LOGIN_POPUP_MSG}</span>
                    </td>
                </tr>
              </table>
          </div>
          <!-- END switch_login_popup -->

          <a name="top"></a>
          {JAVASCRIPT}

 
        <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}"
cellspacing="0" cellpadding="10" border="0" align="center">
              <tr>
                <td class="bodyline">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                      <tr>
                          <!-- BEGIN switch_logo_left -->
 
                        <td><a href="{U_INDEX}"><img
src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"
/></a></td>
                          <!-- END switch_logo_left -->
                          <td align="center" width="100%" valign="middle">
                            <!-- BEGIN switch_logo_center -->
 
                          <a href="{U_INDEX}"><img
src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"
/></a>
                            <br />
                            <!-- END switch_logo_center -->
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            <br />
                          <!-- BEGIN switch_logo_right -->
 
                        <td><a href="{U_INDEX}"><img
src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"
/></a></td>
                          <!-- END switch_logo_right -->
                      </tr>
                    </table>

                    <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                      <tr>
                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                      </tr>
                    </table>

                    <div style="clear: both;"></div>


        <!-- BEGIN switch_user_logged_out -->
            <center>
            <table class="21598" cellspacing="0" cellpadding="0" border="0" width="960px">
            <tbody>
            <tr></tr>


            <tr>
            <td class="login" align="center">
            <div class="wilcom_user">
            <form name="form_login" method="post" action="/login">
            <table cellspacing="3" cellpadding="0" border="0" style="padding-left: 20px;">
            <tbody>
            <tr>
            <td>
            <span class="genmed">
            <img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif">


            </span>


            </td>

            <td>
 
          <input id="Post" type="text" onblur="if (this.value == '')
 this.value = 'اسم العضو';" onclick="if (this.value == 'اسم العضو')
this.value = '';" value="اسم العضو" size="10" name="username">


            </td>

            <td>
            <input type="checkbox" checked="true" name="autologin">

            <span lang="ar-sa" span="">حفظ البيانات؟</span>


            </td>


            </tr>

            <tr>
            <td>
            <span class="genmed">
            <img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif">


            </span>


            </td>

            <td>
 
          <input id="Post" type="password" onblur="if (this.value ==
 '') this.value = 'كلمة السر';" onclick="if (this.value == 'كلمة السر')
this.value = '';" value="كلمة السر" size="10" name="password">


            </td>

            <td>
            <input class="mainoption" type="submit" tabindex="104" value="تسجيل الدخول" name="login">


            </td>


            </tr>


            </tbody>


            </table>


            </form>

            </div>
            <img role="presentation" class="twisty "><div class="link_userr">
 
          <img role="presentation" class="twisty "><a
href="http://3eoon.onlinegoo.com/search.forum?search_id=unanswered"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">

            مواضيع لم
            <span style="font-size: 10px; color: rgb(255, 0, 0);">يُرد عليها</span>


            </a>

            <a href="http://3eoon.onlinegoo.com/" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">

            تغذية rss

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/memberlist?mode=overall_posters" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">

            أفضل 20عضو

            </a>

            <a href="http://3eoon.onlinegoo.com/memberlist?mode=today_posters">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png">

            أفضل اعضاء اليوم

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/search.forum?search_id=newposts" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">

            جديد المواضيع

            </a>

 
          <img role="presentation" class="twisty "><a
href="http://3eoon.onlinegoo.com/search.forum?search_id=egosearch"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_w10.png">

            مشـــــاركاتي

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/f83-montada">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/email_10.png">

            قانون الشركة

            </a>

 
          <img role="presentation" class="twisty "><a
href="http://3eoon.onlinegoo.com/profile?mode=editprofile&page_profil=friendsfoes"
 rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/user_a10.png">

            قائمة أصـدقائي

            </a>


            </div>


            </td>


            </tr>


            </tbody>


            </table>



<div>
    <!-- END switch_user_logged_out -->





    <!-- BEGIN switch_user_logged_in -->

            <center>
            <table class="21598" cellspacing="0" cellpadding="0" border="0" width="960px">
            <tbody>
            <tr></tr>


            <tr>
            <td class="login" align="center">
            <div class="wilcom_user">
            <form name="form_login" method="post" action="/login">
            <table cellspacing="3" cellpadding="0" border="0" style="padding-left: 20px;">
            <tbody>
            <tr>
            <td>

<span class="gensmall">
{LOGGED_AS} <br />{CURRENT_TIME}<br />{LAST_VISIT_DATE}</span>

            </td>


            </tr>


            </tbody>


            </table>


            </form>

            </div>
            <img role="presentation" class="twisty "><div class="link_userr">
 
          <img role="presentation" class="twisty "><a
href="http://3eoon.onlinegoo.com/search.forum?search_id=unanswered"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">

            مواضيع لم
            <span style="font-size: 10px; color: rgb(255, 0, 0);">يُرد عليها</span>


            </a>

            <a href="http://3eoon.onlinegoo.com/" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">

            تغذية rss

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/memberlist?mode=overall_posters" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">

            أفضل 20عضو

            </a>

            <a href="http://3eoon.onlinegoo.com/memberlist?mode=today_posters">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png">

            أفضل اعضاء اليوم

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/search.forum?search_id=newposts" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">

            جديد المواضيع

            </a>

 
          <img role="presentation" class="twisty "><a
href="http://3eoon.onlinegoo.com/search.forum?search_id=egosearch"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_w10.png">

            مشـــــاركاتي

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/f83-montada">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/email_10.png">

            قانون الشركة

            </a>

 
          <img role="presentation" class="twisty "><a
href="http://3eoon.onlinegoo.com/profile?mode=editprofile&page_profil=friendsfoes"
 rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/user_a10.png">

            قائمة أصـدقائي

            </a>


            </div>


            </td>


            </tr>


            </tbody>


            </table>



<div>
    <!-- END switch_user_logged_in -->






                    <!-- BEGIN switch_ticker_new -->
                    <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                          <tr>
                            <td {CLASS_TABLE_TYPE} align="left" class="row1">
                                <div id="fa_ticker_container">
                                  <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                      <!-- BEGIN ticker_row -->
                                      <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                      <!-- END ticker_row -->
                                  </ul>
                                </div>
                            </td>
                          </tr>
                      </table>
                    </div>
                    <!-- END switch_ticker_new -->

                    <!-- BEGIN switch_ticker -->
                    <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                          <tr>
                            <td {CLASS_TABLE_TYPE} align="left" class="row1">
                                <div id="fa_ticker_container">
                                  <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                      <div class="fa_ticker_content">
                                        <!-- BEGIN ticker_row -->
                                        <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                        <!-- END ticker_row -->
                                      </div>
                                  </div>
                                </div>
                            </td>
                          </tr>
                      </table>
                    </div>
                    <!-- END switch_ticker -->

                    <div id="page-body">
                      <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                          <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                            <tbody>
                                <tr>
            <td valign="top" width="100%">
                                          <div id="center">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                                <!-- BEGIN saut -->
                                                <div style="height:{SPACE_ROW}px"></div>
                                                <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                          </div>
                                      </td></tr><tr>
                                  <td valign="top" width="100%">
        <!-- BEGIN html_validation -->
                                  </td>
                                </tr>
                            </tbody>
                          </table>
                      </div>
                    </div>
                </td>
              </tr>
          </table>
        </body>
        </html>
        <!-- END html_validation -->


اهلا اخي
الكود يعمل فقط الخلفية لاتظهر
ممكن حل اخي
في انتظار ردك الكريم

نريد الرد من المختصين وتلبية الطلب
سلام

مرحبا صديقى
انت ضايف هيدر بالتعديل على التومبيلايت
صح ؟؟

ادخل
وضيف هذا الكود اسفل كود الهيدر
او فى المكان الذى تريده ان يظهر به

الكود:





    <!--بداية كود الدخول للزوار-->
        <!-- BEGIN switch_user_logged_out -->
            <center>
            <table class="21598" cellspacing="0" cellpadding="0" border="0" width="960px">
            <tbody>
            <tr></tr>


            <tr>
            <td class="login" align="center">
            <div class="wilcom_user">
            <form name="form_login" method="post" action="/login">
            <table cellspacing="3" cellpadding="0" border="0" style="padding-left: 20px;">
            <tbody>
            <tr>
            <td>
            <span class="genmed">
            <img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif">


            </span>


            </td>

            <td>
 
          <input id="Post" type="text" onblur="if (this.value == '')
 this.value = 'اسم العضو';" onclick="if (this.value == 'اسم العضو')
this.value = '';" value="اسم العضو" size="10" name="username">


            </td>

            <td>
            <input type="checkbox" checked="true" name="autologin">

            <span lang="ar-sa" span="">حفظ البيانات؟</span>


            </td>


            </tr>

            <tr>
            <td>
            <span class="genmed">
            <img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif">


            </span>


            </td>

            <td>
 
          <input id="Post" type="password" onblur="if (this.value ==
 '') this.value = 'كلمة السر';" onclick="if (this.value == 'كلمة السر')
this.value = '';" value="كلمة السر" size="10" name="password">


            </td>

            <td>
            <input class="mainoption" type="submit" tabindex="104" value="تسجيل الدخول" name="login">


            </td>


            </tr>


            </tbody>


            </table>


            </form>

            </div>
            <img role="presentation" class="twisty "><div class="link_userr">
 
          <img role="presentation" class="twisty "><a
href="/search.forum?search_id=unanswered"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">

            مواضيع لم
            <span style="font-size: 10px; color: rgb(255, 0, 0);">يُرد عليها</span>


            </a>

            <a href="http://3eoon.onlinegoo.com/" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">

            تغذية rss

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/memberlist?mode=overall_posters" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">

            أفضل 20عضو

            </a>

            <a href="http://3eoon.onlinegoo.com/memberlist?mode=today_posters">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png">

            أفضل اعضاء اليوم

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/search.forum?search_id=newposts" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">

            جديد المواضيع

            </a>

 
          <img role="presentation" class="twisty "><a
href="/search.forum?search_id=egosearch"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_w10.png">

            مشـــــاركاتي

            </a>


            </div>

            <div class="link_userr">
            <a href="/faq">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/email_10.png">

            قوانين المنتدى

            </a>

 
          <img role="presentation" class="twisty "><a
href="/register"
 rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/user_a10.png">

            التسجيل

            </a>


            </div>


            </td>


            </tr>


            </tbody>


            </table>



<div>
    <!-- END switch_user_logged_out -->


    <!--نهاية كود الدخول للزوار-->



    <!--بداية كود الدخول للاعضاء-->
    <!-- BEGIN switch_user_logged_in -->

            <center>
            <table class="21598" cellspacing="0" cellpadding="0" border="0" width="960px">
            <tbody>
            <tr></tr>


            <tr>
            <td class="login" align="center">
            <div class="wilcom_user">
            <form name="form_login" method="post" action="/login">
            <table cellspacing="3" cellpadding="0" border="0" style="padding-left: 20px;">
            <tbody>
            <tr>
            <td>

<span class="gensmall">
{LOGGED_AS} <br />{CURRENT_TIME}<br />{LAST_VISIT_DATE}</span>

            </td>


            </tr>


            </tbody>


            </table>


            </form>

            </div>
            <img role="presentation" class="twisty "><div class="link_userr">
 
          <img role="presentation" class="twisty "><a
href="http://3eoon.onlinegoo.com/search.forum?search_id=unanswered"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">

            مواضيع لم
            <span style="font-size: 10px; color: rgb(255, 0, 0);">يُرد عليها</span>


            </a>

            <a href="http://3eoon.onlinegoo.com/" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">

            تغذية rss

            </a>


            </div>

            <div class="link_userr">
            <a href="/memberlist?mode=overall_posters" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">

            أفضل 20عضو

            </a>

            <a href="/memberlist?mode=today_posters">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png">

            أفضل اعضاء اليوم

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/search.forum?search_id=newposts" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">

            جديد المواضيع

            </a>

 
          <img role="presentation" class="twisty "><a
href="/search.forum?search_id=egosearch"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_w10.png">

            مشـــــاركاتي

            </a>


            </div>

            <div class="link_userr">
            <a href="/faq">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/email_10.png">

            قوانين المنتدى

            </a>

 
          <img role="presentation" class="twisty "><a
href="/profile?mode=editprofile&page_profil=friendsfoes"
 rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/user_a10.png">

            قائمة أصـدقائي

            </a>


            </div>


            </td>


            </tr>


            </tbody>


            </table>



<div>
    <!-- END switch_user_logged_in -->

    <!--نهاية كود الدخول للاعضاء-->




وبعدين اذهب الى ورقة التصميم
css
وضيف هذا فى بدايتها

الكود:


.login {
    background: url("http://i43.servimg.com/u/f43/16/43/22/50/social10.png") no-repeat scroll center top transparent;
    height: 113px;
    width: 960px;
}.wilcom_user {
    background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll right 5px transparent;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 17px;
    padding: 2px 15px 0 0;


}

.wilcom_user span img {
    border: 0 none;


}

.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;


}

.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;


}

.link_userr a img {
    border: 0 none;
    margin: 0 0 0 8px;


}

.link_userr a {
    display: block;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 2px 0;


}

.user_l {
    background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll 97% 7px #FFFFE8;
    border: 1px solid #CCCCCC;
    color: #666666;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 5px 20px 5px 5px;
    text-align: right;


}

.user_pass {
    float: right;
    margin: 0;


}

.user_n_b {
    margin: 0 0 0 3px;
    width: 178px;


}

.user_p_b {
    margin: 0;
    width: 178px;


}

.user_click {
    float: right;
    margin: 0;
    padding: 0;


}

#put_in {
    height: 26px;
    margin: 0 5px 0 0;
    padding: 0 0 4px;
    width: 80px;


}



لم يعمل بشكل جيد
الخلفية الشفافة لاتظهر

اي الرد

جرب هذا
اسفل
<head>
او الهيدر

الكود:





    <!--بداية كود الدخول للزوار-->
        <!-- BEGIN switch_user_logged_out -->
            <center>
            <table class="21598" cellspacing="0" cellpadding="0" border="0" width="960px">
            <tbody>
            <tr></tr>


            <tr>
            <td class="login" align="center">
            <div class="wilcom_user">
            <form name="form_login" method="post" action="/login">
            <table cellspacing="3" cellpadding="0" border="0" style="padding-left: 20px;">
            <tbody>
            <tr>
            <td>
            <span class="genmed">
            <img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif">


            </span>


            </td>

            <td>
 
          <input id="Post" type="text" onblur="if (this.value == '')
 this.value = 'اسم العضو';" onclick="if (this.value == 'اسم العضو')
this.value = '';" value="اسم العضو" size="10" name="username">


            </td>

            <td>
            <input type="checkbox" checked="true" name="autologin">

            <span lang="ar-sa" span="">حفظ البيانات؟</span>


            </td>


            </tr>

            <tr>
            <td>
            <span class="genmed">
            <img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif">


            </span>


            </td>

            <td>
 
          <input id="Post" type="password" onblur="if (this.value ==
 '') this.value = 'كلمة السر';" onclick="if (this.value == 'كلمة السر')
this.value = '';" value="كلمة السر" size="10" name="password">


            </td>

            <td>
            <input class="mainoption" type="submit" tabindex="104" value="تسجيل الدخول" name="login">


            </td>


            </tr>


            </tbody>


            </table>


            </form>

            </div>
            <img role="presentation" class="twisty "><div class="link_userr">
 
          <img role="presentation" class="twisty "><a
href="/search.forum?search_id=unanswered"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">

            مواضيع لم
            <span style="font-size: 10px; color: rgb(255, 0, 0);">يُرد عليها</span>


            </a>

            <a href="http://3eoon.onlinegoo.com/" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">

            تغذية rss

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/memberlist?mode=overall_posters" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">

            أفضل 20عضو

            </a>

            <a href="http://3eoon.onlinegoo.com/memberlist?mode=today_posters">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png">

            أفضل اعضاء اليوم

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/search.forum?search_id=newposts" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">

            جديد المواضيع

            </a>

 
          <img role="presentation" class="twisty "><a
href="/search.forum?search_id=egosearch"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_w10.png">

            مشـــــاركاتي

            </a>


            </div>

            <div class="link_userr">
            <a href="/faq">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/email_10.png">

            قوانين المنتدى

            </a>

 
          <img role="presentation" class="twisty "><a
href="/register"
 rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/user_a10.png">

            التسجيل

            </a>


            </div>


            </td>


            </tr>


            </tbody>


            </table>



<div>
    <!-- END switch_user_logged_out -->


    <!--نهاية كود الدخول للزوار-->



    <!--بداية كود الدخول للاعضاء-->
    <!-- BEGIN switch_user_logged_in -->

            <center>
            <table class="21598" cellspacing="0" cellpadding="0" border="0" width="960px">
            <tbody>
            <tr></tr>


            <tr>
            <td class="login" align="center">
            <div class="wilcom_user">
            <form name="form_login" method="post" action="/login">
            <table cellspacing="3" cellpadding="0" border="0" style="padding-left: 20px;">
            <tbody>
            <tr>
            <td>

<span class="gensmall">
{LOGGED_AS} <br />{CURRENT_TIME}<br />{LAST_VISIT_DATE}</span>

            </td>


            </tr>


            </tbody>


            </table>


            </form>

            </div>
            <img role="presentation" class="twisty "><div class="link_userr">
 
          <img role="presentation" class="twisty "><a
href="http://3eoon.onlinegoo.com/search.forum?search_id=unanswered"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">

            مواضيع لم
            <span style="font-size: 10px; color: rgb(255, 0, 0);">يُرد عليها</span>


            </a>

            <a href="http://3eoon.onlinegoo.com/" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">

            تغذية rss

            </a>


            </div>

            <div class="link_userr">
            <a href="/memberlist?mode=overall_posters" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">

            أفضل 20عضو

            </a>

            <a href="/memberlist?mode=today_posters">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png">

            أفضل اعضاء اليوم

            </a>


            </div>

            <div class="link_userr">
            <a href="http://3eoon.onlinegoo.com/search.forum?search_id=newposts" rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">

            جديد المواضيع

            </a>

 
          <img role="presentation" class="twisty "><a
href="/search.forum?search_id=egosearch"
rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_w10.png">

            مشـــــاركاتي

            </a>


            </div>

            <div class="link_userr">
            <a href="/faq">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/email_10.png">

            قوانين المنتدى

            </a>

 
          <img role="presentation" class="twisty "><a
href="/profile?mode=editprofile&page_profil=friendsfoes"
 rel="nofollow">
            <img src="http://i43.servimg.com/u/f43/16/43/22/50/user_a10.png">

            قائمة أصـدقائي

            </a>


            </div>


            </td>


            </tr>


            </tbody>


            </table>



<div>
    <!-- END switch_user_logged_in -->

    <!--نهاية كود الدخول للاعضاء-->




وهذا فى بداية
css

الكود:


.login {
    background: url("http://i43.servimg.com/u/f43/16/43/22/50/social10.png") no-repeat scroll center top transparent;
    height: 113px;
    width: 960px;
}.wilcom_user {
    background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll right 5px transparent;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 17px;
    padding: 2px 15px 0 0;


}

.wilcom_user span img {
    border: 0 none;


}

.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;


}

.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;


}

.link_userr a img {
    border: 0 none;
    margin: 0 0 0 8px;


}

.link_userr a {
    display: block;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 2px 0;


}

.user_l {
    background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll 97% 7px #FFFFE8;
    border: 1px solid #CCCCCC;
    color: #666666;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 5px 20px 5px 5px;
    text-align: right;


}

.user_pass {
    float: right;
    margin: 0;


}

.user_n_b {
    margin: 0 0 0 3px;
    width: 178px;


}

.user_p_b {
    margin: 0;
    width: 178px;


}

.user_click {
    float: right;
    margin: 0;
    padding: 0;


}

#put_in {
    height: 26px;
    margin: 0 5px 0 0;
    padding: 0 0 4px;
    width: 80px;


}



لا يعمل بشكل جيد
نريد إعادة تعديل عليه
في إنتظار الرد
سلام

ممكن صديقى تضع لى مثال هنا كيف يظهر الكود
ضع لى صورة من فضلك