طلب كود index_box ضروري

مرحبا بك عزيز نرحب بك ك عضو جديد انظم الى اسرى المركز التقني لأحلى منتدى

عفوا عزيزي لم تذكر لي اي نسخة تريد ان تقوم بالتحويل ؟

عوده من جديد تفضل

قالب التومبلايت index_box

الكود:

<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 -->
<div class="top-nav-td">
<div class="top-nav-right"></div>
<div class="top-nav-left"></div>
<div class="top-nav-title"><span>&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</span></div>
</div>
<div class="nav-right">
<div class="nav-left">
<div class="nav-bg">
 

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">   
 
 
 
 
 
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;المنتدى&nbsp;</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">آخر مشاركة</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">&nbsp;</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}>
                  <div class="malek-discraptin">{catrow.forumrow.FORUM_DESC}</div>
         
                  <div class="f-info">
<div class="malek-sub"><i class="icon-file-text"></i>المواضيع : {catrow.forumrow.TOPICS}</div>
<div class="malek-post"><i class="icon-file-text-alt"></i>المشاركات :  {catrow.forumrow.POSTS}</div>


   </div>
                  <div class="malek-onlinne"><i class="icons-user"></i><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>
      </div></td>
         
      
      
      <td class="row3 over" align="center" valign="middle" height="50">
                  <div class="smallfont malek-smallfont" align="right">
   <div>
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</div>
      </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>
</div>
</div>
</div><div class="bottom-nav-td">
<div class="bottom-nav-right"></div>
<div class="bottom-nav-left"></div>
</div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

أكواد css

الكود:

.top-nav-td {
    background: url(http://malek-designer.com/forum/Malek-blue-style-2015/forumhome/formhome-top-td.png) repeat-x;
    height: 90px;
}
.top-nav-right {
    background: url(http://malek-designer.com/forum/Malek-blue-style-2015/forumhome/formhome--top-right.png) no-repeat;
    height: 90px;
    width: 66px;
    float: right;
}
 .top-nav-left {
    background: url(http://malek-designer.com/forum/Malek-blue-style-2015/forumhome/formhome-top-left.png) no-repeat;
    height: 90px;
    width: 64px;
    float: left;
}

.top-nav-title {
    background: url(http://malek-designer.com/forum/Malek-blue-style-2015/forumhome/blue-style2015_57.png) no-repeat;
    width: 393px;
    height: 90px;
    margin: 0px auto;
    text-align: center;
}
 
.top-nav-title span a {
    color: #D2D2D2;
    text-shadow: 0px 1px #000;
    line-height: 85px;
    font-size: 15px;
    text-align: center;
    font-family: Droid Arabic Kufi;
}
 
 .bottom-nav-td {
    background: url(http://malek-designer.com/forum/Malek-blue-style-2015/forumhome/formhome-bottom-td.png) repeat-x;
    height: 79px;
}
.bottom-nav-right {
    background: url(http://malek-designer.com/forum/Malek-blue-style-2015/forumhome/formhome-bottom-right.png) no-repeat;
    width: 361px;
    height: 79px;
    float: right;
}
.bottom-nav-left {
    background: url(http://malek-designer.com/forum/Malek-blue-style-2015/forumhome/formhome-bottom-left.png) no-repeat;
    width: 306px;
    height: 79px;
    float: left;
}

.nav-right {
    background: url(http://malek-designer.com/forum/Malek-blue-style-2015/forumhome/formhome-right.png) repeat-y right;
    padding-right: 64px;
}
.nav-left {
    background: url(http://malek-designer.com/forum/Malek-blue-style-2015/forumhome/formhome-left.png) repeat-y left;
    padding-left: 64px;
}
.nav-bg {
    background: #f5f5f5;
}
.tborder {
    background: #F5F5F5;
    color: #000000;
}

a {
    text-decoration: none;
}
 
 
.malek-post {
    transition: all 0.5s ease 0s;
    border-radius: 3px;
    border: solid 1px #EDD4BA;
    background-color: #F0E0D0;
    color: #2D3266;
    float: right;
    margin: 2px 5px 2px 0;
    padding: 0;
    text-align: center;
    width: 130px;
    font-size: 11px;
      font: 10pt Droid Arabic Kufi, tahoma;
  height: 20px;
}
 
Inherited from td#f3.alt1
.alt1, .alt1Active {
    background: #FFFFFF;
    color: #000000;
    font-family: Droid Arabic Kufi, tahoma;
    border-radius: 8px;
    border: solid 1px #EDEDED;
}
td, th, p, li {
    font: 10pt Droid Arabic Kufi, tahoma;
 }


 .malek-sub {
    transition: all 0.5s ease 0s;
    border-radius: 3px;
    border: solid 1px #ABC7E7;
    background-color: #D0DFF0;
    color: #2D3266;
    float: right;
    margin: 2px 5px 2px 0;
    padding: 0;
    text-align: center;
    width: 130px;
    font-size: 11px;
      font: 10pt Droid Arabic Kufi, tahoma;
  height: 20px;
}
.malek-sub:hover {
    background: #B3CDEA;
    border: solid 1px #96B3D3;
}
.malek-post:hover {
    background: #E5CCB3;
    border: solid 1px #DDC2A7;
}
.malek-onlinne {
    transition: all 0.5s ease 0s;
    border-radius: 3px;
    border: solid 1px #C3E2AE;
    background-color: #D9F4C7;
    color: #2D3266;
    float: right;
    margin: 2px 5px 2px 0;
    padding: 0;
    text-align: center;
    width: 130px;
 height: 20px;
      font: 10pt Droid Arabic Kufi, tahoma;
}
td.row1.over {
    background: #FFFFFF;
    color: #000000;
    font-family: Droid Arabic Kufi, tahoma;
    border-radius: 8px;
    border: solid 1px #EDEDED;
}
.malek-discraptin {
    border: solid 1px #EFE4C5;
    background: rgb(255, 249, 231);
    padding: 3px;
    color: rgb(121, 61, 18);
}
td.row1.over:hover, td.row2 {
    background-color: #FFFAFA;
}
 
.malek-smallfont {
    background: rgb(255, 255, 255);
    padding: 10px;
    border: dashed 1px rgba(9, 96, 117, 0.32);
    border-radius: 8px;
    -webkit-transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing-function: ease-in-out, ease;
    -moz-transition-duration: 0.5s, 0.5s;
    -moz-transition-timing-function: ease-in-out, ease;
    -ms-transition-duration: 0.5s, 0.5s;
    -ms-transition-timing-function: ease-in-out, ease;
    -o-transition-duration: 0.5s, 0.5s;
    -o-transition-timing-function: ease-in-out, ease;
    transition-duration: 0.5s, 0.5s;
    transition-timing-function: ease-in-out, ease;
}

td.row3.over {
    background: #F5F5F5;
    color: #000000;
    font-family: Droid Arabic Kufi, tahoma;
    border-radius: 8px;
    border: solid 1px #DFDDDD;
}
th.secondarytitle {
    background: #096379;
    color: #FFFFFF;
    font: bold 11px Droid Arabic Kufi, tahoma;
}
th {
    background: #096379;
    color: #FFFFFF;
    font: bold 11px Droid Arabic Kufi, tahoma;
}