topics_list_box شكل جديد للمواضيع داخل الاقسام للنسخة الثانية

topics_list_box شكل جديد للمواضيع داخل الاقسام للنسخة الثانية
السلام عليكم ورحمة الله وبركاته
اقدم لكم شكلين لقالب topics_list_box يعطي جاذبية اكثر المواضيع داخل الاقسام
صورة للشكل الاول

https://i.servimg.com/u/f58/19/61/68/63/screen20.png
الكود اذهب الى لوحة الادارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب topics_list_box
ونحذف القالب ونضيف دة

الكود:

 
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<!--  BY : Aymen-Mans • www.almajd-dz.com  -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
}
</script>
<!-- END multi_selection -->
<!--  بداية اطار علوي  -->
 
  <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%">
<tbody>
<tr>
<td>
 
<!--  / نهاية اطار علوي  -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="right" nowrap="nowrap">
  <font color="#FFFFFF">
  {topics_list_box.row.L_TITLE}
                    </font>
 
 </th>
 <th  nowrap="nowrap" width="150" align="center">
 
  <font color="#FFFFFF">
 
احصائيــات
 
    </font>
  </th>
 <th nowrap="nowrap" width="150" align="center">
 
 <font color="#fff">
 
 {topics_list_box.row.L_LASTPOST}
 
    </font>
 
 </th>
 <!-- BEGIN multi_selection -->
 <div align="center">
 <th align="center" nowrap="nowrap" width="20">
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
 <div>
 <!-- END multi_selection -->
 </tr>
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}">
 <div align="right">
 <span class="gensmall">
 
 <b>
 {topics_list_box.row.L_TITLE}
 </b>
 </span>
 </div>
 </td>
 </tr>
<!-- END header_row -->
 
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <!-- BEGIN single_selection -->
 <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20" height="30"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
 <!-- END single_selection -->
 <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20">
  <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%">
<tbody>
<tr>
<td>
 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</td>
</tr>
</tbody>
</table>
 </td>
 <!-- BEGIN icon -->
 <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20" height="30">{topics_list_box.row.ICON}</td>
 <!-- END icon -->
 <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%" height="30">
 
<if condition="is_browser('firefox')">
<style type="text/css">
fieldset{border:1px solid #DEDEDE;padding:8px;-moz-border-radius:5px}
</style>
</if>
 
<fieldset class="fieldset">
<!--  بداية اطار علوي  -->
 <div class="tables">
  <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%" height="30">
<tbody>
  <tr>
<td class="alt1">
<!--  / نهاية اطار علوي  -->
<legend>
<font size="4">
<a  href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</font>
</legend>
<div>
<table id="sub_2" dir="ltr" style="border-collapse: collapse" border="0" width="100%">
<tbody>
<tr>
 
<td>
<div id="sub_2" class="smallfont">
<div dir="rtl">
 <!-- BEGIN switch_description -->
 <span class="genmed">
 <br />
 {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 </span>
 <!-- END switch_description -->
 <span class="gensmall">
 {topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}
 </span>
 <span class="gensmall">
 {topics_list_box.row.GOTO_PAGE}
 <!-- BEGIN nav_tree -->
 {topics_list_box.row.TOPIC_NAV_TREE}
 <!-- END nav_tree -->
 </span>
 </br>
 <img src="http://i39.servimg.com/u/f39/18/66/87/04/edit11.png">
كاتب الموضوع :  <span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
  <!--  بداية اطار سفلي  -->
 
  </td>
</tr>
</tbody>
</table>
</div>
<!--  / نهاية اطار سفلي  -->
</fieldset>
 
 </td>
 
<td class="row1" align="center" valign="middle" nowrap="nowrap">
 
<!--  بداية اطار علوي  -->
 <div class="tables">
  <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%" height="30">
<tbody>
  <tr>
<td class="f-info">
<!--  / نهاية اطار علوي  -->
  <font size="2">
  <img src="http://i39.servimg.com/u/f39/18/92/30/45/212.png">
<font color="#000">المشاهدات :{topics_list_box.row.VIEWS} </font>
<br>
  <img src="http://i39.servimg.com/u/f39/18/92/30/45/111.png">
<font color="#000">الردود : {topics_list_box.row.REPLIES} </font>
<br>
 </font>
  <!--  بداية اطار سفلي  -->
 
  </td>
</tr>
</tbody>
</table>
</div>
<!--  / نهاية اطار سفلي  -->
 
  </td>
 
 <td class="row1" align="center" valign="middle" nowrap="nowrap">
<!--  بداية اطار علوي  -->
    <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%" height="30">
<tbody>
  <tr>
<td class="f-info" >
<font color="#000">
<!--  / نهاية اطار علوي  -->
<span class="postdetails">{topics_list_box.row.LAST_POST_TIME}  <img src="http://i39.servimg.com/u/f39/18/66/87/04/date12.png">
<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span>
</div>
  <!--  بداية اطار سفلي  -->
 
  </font>
 
  </td>
</tr>
</tbody>
</table>
<!--  / نهاية اطار سفلي  -->
 
        </td>
<!-- BEGIN multi_selection -->
 <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics -->
    <!-- BEGIN bottom -->
 
  </div>
<!-- END bottom -->
  <!--  BY : Aymen-Mans • www.almajd-dz.com  -->
  <!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
  <!--  بداية اطار سفلي  -->
 
</td>
</tr>
</tbody>
</table>
 
 
 
<!--  / نهاية اطار سفلي  -->
<br />

الشكل الثاني صورة له


الكود اذهب الى لوحة الادارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب topics_list_box
ونحذف القالب ونضيف دة

الكود:

 
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
  <!--  BY : Aymen-Mans • www.almajd-dz.com  -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
}
</script>
<!-- END multi_selection -->
<!--  بداية اطار علوي  -->
 
<div class="frT">
        <div class="frTR"></div><!--End frTR-->
            <div class="frTL"></div><!--End frTL-->
        </div><!--End frT-->
        <div class="frRBG">
        <div class="frLBG">
 
<!--  / نهاية اطار علوي  -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="right" nowrap="nowrap">
  <font color="#FFFFFF">
  {topics_list_box.row.L_TITLE}
                    </font>
 
 </th>
 <th  nowrap="nowrap" width="150" align="center">
 
  <font color="#FFFFFF">
 
احصائيــات
 
    </font>
  </th>
 <th nowrap="nowrap" width="150" align="center">
 
 <font color="#fff">
 
 {topics_list_box.row.L_LASTPOST}
 
    </font>
 
 </th>
 <!-- BEGIN multi_selection -->
 <div align="center">
 <th align="center" nowrap="nowrap" width="20">
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
 <div>
 <!-- END multi_selection -->
 </tr>
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}">
 <div align="right">
 <span class="gensmall">
 
 <b>
 {topics_list_box.row.L_TITLE}
 </b>
 </span>
 </div>
 </td>
 </tr>
<!-- END header_row -->
 
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <!-- BEGIN single_selection -->
 <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20" height="30"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
 <!-- END single_selection -->
 <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20">
  <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%">
<tbody>
<tr>
<td>
<!--  بداية اطار علوي  -->
 <div class="tables">
  <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%" height="30">
<tbody>
  <tr>
<td class="alt1">
<!--  / نهاية اطار علوي  -->
 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</td>
</tr>
</tbody>
</table>
  <!--  بداية اطار سفلي  -->
 
  </td>
</tr>
</tbody>
</table>
</div>
<!--  / نهاية اطار سفلي  -->
 </td>
 <!-- BEGIN icon -->
 <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20" height="30">{topics_list_box.row.ICON}</td>
 <!-- END icon -->
 <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%" height="30">
<!--  بداية اطار علوي  -->
 <div class="tables">
  <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%" height="30">
<tbody>
  <tr>
<td class="alt1">
<!--  / نهاية اطار علوي  -->
<if condition="is_browser('firefox')">
<style type="text/css">
fieldset{border:1px solid #DEDEDE;padding:8px;-moz-border-radius:5px}
</style>
</if>
<fieldset class="fieldset">
<legend>
<a  href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</legend>
<div>
<table id="sub_2" dir="ltr" style="border-collapse: collapse" border="0" width="100%">
<tbody>
<tr>
 
<td>
<div id="sub_2" class="smallfont">
<div dir="rtl">
 <!-- BEGIN switch_description -->
 <span class="genmed">
 <br />
 {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 </span>
 <!-- END switch_description -->
 <span class="gensmall">
 {topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}
 </span>
 <span class="gensmall">
 {topics_list_box.row.GOTO_PAGE}
 <!-- BEGIN nav_tree -->
 {topics_list_box.row.TOPIC_NAV_TREE}
 <!-- END nav_tree -->
 </span>
 </br>
 <img src="http://i39.servimg.com/u/f39/18/66/87/04/edit11.png">
كاتب الموضوع :  <span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</fieldset>
  <!--  بداية اطار سفلي  -->
 
  </td>
</tr>
</tbody>
</table>
</div>
<!--  / نهاية اطار سفلي  -->
 </td>
<td class="row1" align="center" valign="middle" nowrap="nowrap">
<!--  بداية اطار علوي  -->
 <div class="tables">
  <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%" height="30">
<tbody>
  <tr>
<td class="alt1">
<!--  / نهاية اطار علوي  -->
  <font size="2">
  <img src="http://i39.servimg.com/u/f39/18/92/30/45/212.png">
المشاهدات :{topics_list_box.row.VIEWS}
<br>
  <img src="http://i39.servimg.com/u/f39/18/92/30/45/111.png">
الردود : {topics_list_box.row.REPLIES}
<br>
 </font>
  <!--  بداية اطار سفلي  -->
 
  </td>
</tr>
</tbody>
</table>
</div>
<!--  / نهاية اطار سفلي  -->
 
  </td>
 
 <td class="row1" align="center" valign="middle" nowrap="nowrap">
<!--  بداية اطار علوي  -->
    <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%" height="30">
<tbody>
  <tr>
<td class="alt1" >
<!--  / نهاية اطار علوي  -->
<span class="postdetails">{topics_list_box.row.LAST_POST_TIME}&nbsp; <img src="http://i39.servimg.com/u/f39/18/66/87/04/date12.png">
<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span>
</div>
  <!--  بداية اطار سفلي  -->
 
  </td>
</tr>
</tbody>
</table>
<!--  / نهاية اطار سفلي  -->
 
        </td>
<!-- BEGIN multi_selection -->
 <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics -->
    <!-- BEGIN bottom -->
 
  </div>
<!-- END bottom -->
  <!--  BY : Aymen-Mans • www.almajd-dz.com  -->
 
  <!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
  <!--  بداية اطار سفلي  -->
 
</div>
          <!--End frLBG-->
        </div>
          <!--End frRBG-->
        <div class="frB">
        <div class="frBR">
          </div>
          <!--End frBR-->
            <div class="frBL">
          </div>
          <!--End frBL-->
  </div>
          <!--End frB-->
 
<!--  / نهاية اطار سفلي  -->
<br />

جزاك الله خير علي الطرح القيم

واصل تقدمك وارنا ابداعك

مشكوووووووور علي الكود المميز

مشكور علي الموضوع القيم والمميز

مشكوووووور علي الموضوع القيم والمميز

روووووعه 
يعطيك العافيه ولا حرمنا جديدك
دمتم بخير  

thx