مساعدة في تركيب كود !

السلام عليكم
تحية طيبة

كيف اركب هذا الكود على الاقسام بالتمبلات او غيرة:
كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)

ولكم الشكر

كود الهتمل في العنصر المستقله
هل هذا هو المطلوب؟

لا صديقي

اقصد تركيب الكود الموجود بالموضوع اعلاه
في الاقسام يعني اريد اعمل اطار الاقسام بهذه الطريقة

اكيد بالتمبلات ولكن كيف اضيفة بالتمبلايت ؟

الاول html
لوة الاداره_عناصر اضافيه_البوابه والعناصر_ادارة العناصر المستقله
الثاني css
لوحة الاداره_مظهر المنتدى_الصور والالوان_ورقة تصميم css

مودي م كتب:الاول html
لوة الاداره_عناصر اضافيه_البوابه والعناصر_ادارة العناصر المستقله
الثاني css
لوحة الاداره_مظهر المنتدى_الصور والالوان_ورقة تصميم css

وهل بهذه الطريقة يفعل اطار حول الاقسام ؟ ( الفئات)

لم اجربه ولكني اظن ذلك

هل لديك خاصيه تعديل التومبيلات؟
اذا كان نعم فأدخل الى لوحه الاداره
مظهر المنتدى
التومبيلات والقوالب
اداره عامه
قالب index_box

وستبحث فى القالب عن

الكود:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

وتضع الجزء الثالى من الكود اسفلها تماما

الكود:

<!-- Box >> Start -->
<div class="box">
 
    <!-- Box Header >> Start -->
    <div class="box-header">
        <div class="box-header-right"></div>
        <div class="box-header-left"></div>
    <!-- Box Header >> End -->
    </div>
 
    <!-- Box Body >> Start -->
    <div class="box-body">
        <div class="box-body-right">
        <div class="box-body-left">

ثم تبحث عن

الكود:

    <!-- BEGIN tablefoot -->

وستضع الكود التالى اسفلها تماما

الكود:

        </div>
        </div>
    <!-- Box Body >> End -->
    </div>
 
    <!-- Box Footer >> Start -->
    <div class="box-footer">
        <div class="box-footer-right"></div>
        <div class="box-footer-left"></div>
    <!-- Box Footer >> End -->
    </div>
 
<!-- Box >> End -->
</div>

وبعد كده تنشر القالب
ثم تذهب الى مظهر المنتدى
الوان
ورقه تصميم css
وتضع فيها كود السى اس اس وهو

الكود:


/*  ------------------------------------------
    1-Box
    ------------------------------------------  */
.box{
    width:600px;
    margin:0 auto;
    background-color:#FFF;
}
 
/*  ------------------------------------------
    2-Box Header
    ------------------------------------------  */
.box-header{
    background:url(خلفية ممتدة في الاعلى) repeat-x top;
    height:61px;
}
    .box-header-right{
        background:url(صورة اعلى اليمين) no-repeat top right;
        height:61px;
        width:203px;
        float:right;
    }
    .box-header-left{
        background:url(صورة اعلى اليسار) no-repeat top left;
        height:61px;
        width:46px;
        float:left;
    }
 
/*  ------------------------------------------
    3-Box Body
    ------------------------------------------  */
.box-body{
    background-color:#FFF;
    text-align:justify;
 
}
    .box-body-right{
        background:transparent url(خلفية ممتدة يمين) repeat-y right;
    }
    .box-body-left{
        background:transparent url(خلفية ممتدة يسار) repeat-y left;
        padding:20px;   
    }
 
/*  ------------------------------------------
    4-Box Footer
    ------------------------------------------  */
.box-footer{
    background:url(خلفية ممتدة بالاسفل) repeat-x bottom;
 
    height:49px;
}
    .box-footer-right{
        background:url(صورة اسفل اليمين) no-repeat bottom right;
        height:49px;
        width:49px;
        float:right;
    }
    .box-footer-left{
        background:url(صورة اسفل يسار) no-repeat bottom left;
        height:49px;
        width:49px;
        float:left;
    }

مع استبدال المكتوب باللغه العربيه فى الكود بما يلزم

اذا لم تكن لديك الخبره فلا تقم بهذه العمليه
بالتوفيق

نعم عندي التمبلات وجاري التجربة

يعطيك العافية

مافي شي معقدني نفس اطار الاقسام

ماضبط الكود مع اني متأكد من الخطوات
ممكن مساعدة من احد الله يرحملي والديكم اريد هذا الكود وبس

هذا قالب index_box مال منتداي:

الكود:


<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
        <td valign="bottom">
          <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
 
        </td>
    </tr>
</table>
   


 

<!-- صورة اعلى الفئات بدااااااااااااااااااااية  -->
<!-- BEGIN catrow --><!-- BEGIN tablehead --><img height="38" src="http://i49.servimg.com/u/f49/16/89/40/74/tttttt12.png" alt="style" width="100%"><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- صورة اعلى الفئات نهااااااااااااااااااااااااية  -->

<tr>
            <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
            <th nowrap="nowrap" width="150"><div style="width:220px;">آخر مساهمة</div></th>
            <th nowrap="nowrap" width="100">إحصائيات</th>
        </tr>
<!-- END tablehead -->
    <!-- BEGIN cathead -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
     
        <!-- END inc -->
        <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                    <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
            </h{catrow.cathead.LEVEL}>
        </td>
        <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="0" align="right"> </td>
    </tr>
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
        <!-- END inc -->
        <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td>
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />           
                </span>
            </h{catrow.forumrow.LEVEL}>
         
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">
                       
             
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}
{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
        </td>
     

        <!-- BEGIN forum_link_no -->
                <td align="right" class="row3 over" align="center" valign="middle" height="50">
                  <span  class="gensmall">{catrow.forumrow.LAST_POST}</span>

                </td>

                <td class="row3" align="center" valign="middle" height="50">
         
        <div align="right" style="width: 136px; height: 18px; margin-top: 3px" id="A7medvirus">
                <font face="Tahoma"><span  style="font-size: 8pt">{catrow.forumrow.TOPICS}  موضوع      </span></font>
            </div>

        <div align="right" style="width: 136px; height: 18px; margin-top: 3px" id="HiMa-ElMaSrY">
                <font face="Tahoma"><span style="font-size: 8pt">{catrow.forumrow.POSTS}  مساهمة </span></font>
            </div>
                </td>
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
        <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
        <!-- END forum_link -->
    </tr>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="0"><img src="{SPACER}" alt="style" height="0" width="0" /></td>
    </tr>
    <!-- END catfoot -->
<!-- صورة اسفل الفئات بدااااااااااااااااااااية  -->
    <!-- BEGIN tablefoot --></table><img height="23" src="http://i49.servimg.com/u/f49/16/89/40/74/tttttt11.png" alt="style" width="100%"><img src="{SPACER}"  height="15" width="0" /><!-- END tablefoot -->
<!-- صورة اسفل الفئات نهااااااااااااااااااااااااية  -->
<!-- END catrow -->

</div>
            </div>



وهذه الصور:

هل من مساعدة .. انا منتظر