مشكلة فى كود index_box

مرحبا صديقى

هل تريد الاطارات الى فوق الفئات
واسفلها
ام الاطار الدائرى

لا يا غالي

عادي خالص

عاوز ايطار دائري حول الفئيات كلها

وين الرد يا شباب

انا محتاج الكود ضروري اوي

يلا بقي يا شباب

محتاج الكود ضروري

مرحبا

بالنسبة للاول هذا بالتعديل على التومبيلايت
....
وهذا اطار علوى
[ Template ] شرح وضع صورة أعلى الفئة.. من ReeF
وهذا سفلى

تومبيلايت :شرح وضع صورة اسفل الفئة تتكون من صورتين ونقطة تمدد

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

الكود:

#page-body {
    -moz-border-radius: 15px 15px 15px 15px;
    -moz-box-shadow: 0 0 15px #000000;
    border: 4px solid #EEEEEE;
    margin: 15px;
    padding: 4px;


}


انا مش عاوز الاكواد يا غالي

انا اعطيتكم الصور

عاوزكم تحطوها في القالب

و تعطوني القالب

منتظر المتخصصين

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

الكود:


<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
    <tr>
        <td width="78">
        <img border="0" src="http://i46.servimg.com/u/f46/17/06/05/56/untit235.gif" width="78" height="121"></td>
        <td width="291">
        <img border="0" src="http://i46.servimg.com/u/f46/17/06/05/56/untit234.gif" width="291" height="121"></td>
        <td background="http://i46.servimg.com/u/f46/17/06/05/56/untit233.gif"> </td>
        <td width="78">
        <img border="0" src="http://i46.servimg.com/u/f46/17/06/05/56/untit232.gif" width="78" height="121"></td>
            </tr>
            </tbody></table>
            <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
            <tbody>
            <tr>
            <td width="37" background="http://i46.servimg.com/u/f46/17/06/05/56/untit236.gif">
            <td valign="middle">


لوضع الاطار العلوى ادخل الى القالب
وابحث عن

الكود:

<!-- BEGIN tablehead -->

وضيف كود الاطار العلوى اسفلة
الاطار السفلى

الكود:



            <td width="37" background="http://i46.servimg.com/u/f46/17/06/05/56/untit237.gif">
            </td>
            </tr>
            </tbody>
            </table>
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
    <tr>
        <td width="112">
        <img border="0" src="http://i46.servimg.com/u/f46/17/06/05/56/untit240.gif" width="112" height="66"></td>
        <td background="http://i46.servimg.com/u/f46/17/06/05/56/untit239.gif"> </td>
        <td width="112">
        <img border="0" src="http://i46.servimg.com/u/f46/17/06/05/56/untit238.gif" width="112" height="66"></td>
            </tr>
            </tbody></table>


لوضع الاطار السفلىادخل الى القالب وابحث عن
فى نهاية القالب

الكود:

<!-- BEGIN tablefoot -->
        </table>

وضيف كود الاطار السفلى اسفلها مباشرة
وسجل

الكود مش مظبوط يا غالي

مش اتظبط معايا

+

انا ركتبه بصعوبه و يمكن ركبته غلط

بعد اذنك ما تحطه انت في القالب و تعطيني القالب كله

اتفضل يا حج

الكود:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
        <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
        </td>
        <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        </td>
    </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

    <table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
        <tr>
            <td width="78">
            <img border="0" src="http://i46.servimg.com/u/f46/17/06/05/56/untit235.gif" width="78" height="121"></td>
            <td width="291">
            <img border="0" src="http://i46.servimg.com/u/f46/17/06/05/56/untit234.gif" width="291" height="121"></td>
            <td background="http://i46.servimg.com/u/f46/17/06/05/56/untit233.gif"> </td>
            <td width="78">
            <img border="0" src="http://i46.servimg.com/u/f46/17/06/05/56/untit232.gif" width="78" height="121"></td>
                </tr>
                </tbody></table>
                <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                <tr>
                <td width="37" background="http://i46.servimg.com/u/f46/17/06/05/56/untit237.gif">
                <td valign="middle">


<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
        <th nowrap="nowrap" width="50">{L_TOPICS}</th>
        <th nowrap="nowrap" width="50">{L_POSTS}</th>
        <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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="3" 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>
        <td class="row3" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.TOPICS}</span>
        </td>
        <td class="row2" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.POSTS}</span>
        </td>
        <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
        </td>
    </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="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
    </tr>
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
</table>


                <td width="37" background="http://i46.servimg.com/u/f46/17/06/05/56/untit236.gif">
                </td>
                </tr>
                </tbody>
                </table>
    <table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
        <tr>
            <td width="112">
            <img border="0" src="http://i46.servimg.com/u/f46/17/06/05/56/untit240.gif" width="112" height="66"></td>
            <td background="http://i46.servimg.com/u/f46/17/06/05/56/untit239.gif"> </td>
            <td width="112">
            <img border="0" src="http://i46.servimg.com/u/f46/17/06/05/56/untit238.gif" width="112" height="66"></td>
                </tr>
                </tbody></table>

<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> 

الف شكر يا غالي

بس جه بالشكل ده



ممكن الصوره تيجي بالنصف

عادى ..يا حج ..نقطة تمددد واحده
والصورة يمين

خلاص يا كبير الف شكر

تم الحل