<!--بداية التأطير العلوي -->
<div class="t1">
  <div class="t2"></div>
  <div class="t3"></div>
</div>
<div class="body-bg">
  <div class="t4">
      <div class="t5">
<!--نهاية التأطير العلوي -->
<br />

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="chatbox_container">
   <tr>
      <td class="row1" valign="top" align="center">
         <div id="chatbox_portal" style="height:300px;"></div>
         <script type="text/javascript">
            insertChatBox('chatbox_portal', '{U_FRAME_CHATBOX}');
         </script>
      </td>
   </tr>
</table>

<table width="100%">
   <tr>
      <td width="100%"> </td>
      <td align="right" width="20">
         <img src="https://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_portal');" alt="" style="cursor:se-resize;" />
      </td>
   </tr>
</table>

<!-- بداية اطار سفلي -->
      </div>
  </div>
</div>
<div class="t6">
  <div class="t7"></div>
  <div class="t8"></div>
</div>
<!--نهاية التأطير السفلي -->


<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="t1">
  <div class="t2"></div>
  <div class="t3"></div>
</div>
<div class="body-bg">
  <div class="t4">
      <div class="t5">

 <table class="tborder" align="center" border="0" cellpadding="6" cellspacing="1" width="100%">
                                            <tr>
                                                    <td class="tcat" colspan="6" nowrap="nowrap">
                                                              <span style="width:70px;"><img onclick="i=0;e=this.parentNode.parentNode.parentNode.parentNode.childNodes;while(++i<e.length)if(e[i].tagName=='TR')e[i].style.display=(e[i].style.display=='none')?'':'none';this.src=(this.src=='https://i.servimg.com/u/f78/19/47/70/95/collap83.gif')?'https://i.servimg.com/u/f78/19/47/70/95/collap84.gif':'https://i.servimg.com/u/f78/19/47/70/95/collap83.gif';" src="https://i.servimg.com/u/f78/19/47/70/95/collap83.gif" align="left" ></e></span>
                                                                <center> <div colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">  {catrow.tablehead.L_FORUM}  </div></center>
                                                        </td>
                                                </tr>
                  <tr align="center">

<td class="thead" width="4%"> </td>
<td class="thead" width="45%" align="right">المنتدى</td>
<td class="thead" width="29%">آخر مشاركة</td>
<td class="thead" width="8%">المواضيع</td>
<td class="thead" width="8%">المشاركات</td>
<td class="thead" width="8%">المراقبين</td>
</tr>

<!-- END tablehead --><!-- BEGIN cathead -->
<!-- END cathead --><!-- BEGIN forumrow -->
              <tr align="center">
                    <td class="alt2"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" border="0" id="forum_statusicon_18" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
                  <td class="alt1Active" align="right" id="f18">
                    <div><a href="{catrow.forumrow.U_VIEWFORUM}"><strong>{catrow.forumrow.FORUM_NAME}</strong></a></div>
                            <div class="smallfont">{catrow.forumrow.FORUM_DESC}</div><br />
                            <div class="smallfont" style="margin-top:6px">{catrow.forumrow.LINKS}</div><br />
                  </td>
                  <td class="alt2">
                    <div class="smallfont" align="right">
                        <div>
                          <span style="white-space:nowrap">
                              <!-- BEGIN avatar -->

                   
                                        <div class="grow pic">  <span class="lastpost-avatar" id="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>    <img src="https://2img.net/i/fa/empty.gif" alt="portrait">

   
                              <!-- END avatar -->
                                  </span>

                            <strong>{catrow.forumrow.LAST_POST}</strong><div style="white-space:nowrap"> 
                        </div>
                    </div>
                  </td>
                  <td class="alt1"><span class="last-img"><last-img="width:50px;height:50px" src="" alt="">{catrow.forumrow.TOPICS}</td></span>
                  <td class="alt2"><span class="last-img"><last-img="width:50px;height:50px" src="" alt="">{catrow.forumrow.POSTS}</td></span>
                  <td class="alt1">
                            <div class="smallfont"><!-- BEGIN switch_moderators_links -->
                             
                             
                              {catrow.forumrow.switch_moderators_links.MODERATORS}
                             
                             
                              <!-- END switch_moderators_links --></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 -->
</tbody>
        </table>
      </div>
  </div>
</div>
<div class="t6">
  <div class="t7"></div>
  <div class="t8"></div>
</div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --><br />
                 
                 
                 
    <table width="50%" cellpadding="0" cellspacing="0" border="0" align="center">
    </td><td>
    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="right">
    <tr><td class="thead" align="center">
    <a href="/vb">"°ˆ~¤§][ اعلانك يحقق هدفك ][§¤~ˆ°"
    </a>
    </td></tr>
    <tr><td class="alt1" align="right">
    <MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=4 scrollDelay=20 direction=right>
    <table width="50%" cellpadding="0" cellspacing="0" border="0" align="right"><tr>

    <!-- ÈÏÇíÉ ÅÚáÇä ãÍÏÏ -->
    <td nowrap> 
    <td nowrap> 
    <a target="_blank" href="https://asdd.ahladalil.com/t1112-topic#2486">
    <img src="https://i.servimg.com/u/f44/11/54/70/35/8d5c4b55.png" border="1" alt="اعلن معنا "></a>
    <!-- äåÇíÉ ÅÚáÇä ãÍÏÏ -->

    <!-- ÈÏÇíÉ ÅÚáÇä ãÍÏÏ -->
    <td nowrap> 
    <td nowrap> 
    <a target="_blank" href="https://asdd.ahladalil.com/t1112-topic#2486">
    <img src="https://i.servimg.com/u/f44/11/54/70/35/8d5c4b55.png" border="1" alt="اعلن معنا "></a>
    <!-- äåÇíÉ ÅÚáÇä ãÍÏÏ -->

    <!-- ÈÏÇíÉ ÅÚáÇä ãÍÏÏ -->
    <td nowrap> 
    <td nowrap> 
    <a target="_blank" href="https://asdd.ahladalil.com/t1112-topic#2486">
    <img src="https://i.servimg.com/u/f44/11/54/70/35/8d5c4b55.png" border="1" alt="اعلن معنا "></a>
    <!-- äåÇíÉ ÅÚáÇä ãÍÏÏ -->

    <!-- ÈÏÇíÉ ÅÚáÇä ãÍÏÏ -->
    <td nowrap> &nbsp;
    <td nowrap> 
    <a target="_blank" href="https://asdd.ahladalil.com/t1112-topic#2486">
    <img src="https://i.servimg.com/u/f44/11/54/70/35/8d5c4b55.png" border="1" alt="اعلن معنا "></a>
    <!-- äåÇíÉ ÅÚáÇä ãÍÏÏ -->


    </tr></table></MARQUEE></td></tr></table>
    </td><td background="$stylevar[imgdir_misc]/bakborleft.gif" width="15">
    </td></tr></table>

    <br> 
     
     
                 
 
     
     
     
 <style type="text/css">
                 
.last-img {
    display: block;
    border-radius: 4px;
    padding: 1px;
    background-color: #533e3e;
    border: 1px solid #a69191;
    width: 54px;
    height: 54px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
}

.last-img {
    display: block;
    float: right;
    padding: 1px;
    background-color: #fff;
    border-radius: 3px;
    position: relative;
    width: 44px;
    height: 44px;
}                 
a:link, a:visited, .hd-links a:hover i, .lnk-icon a i, .tooltipster-default, .u-btn a, .u-btns a+a, .side-menu a.side-menu-toggle, .fm-r-title a:hover {
    color: #5e453c;
}
a:link, body_alink {
    color: #fff;
}

a, a:focus, a:hover {
    text-decoration: none !important;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
}
table, td, b, strong, .smallfont, .thead {
    font-weight: normal !important;
}
table, td, b, strong, .smallfont {
    font-family: 'Cairo', arial, tahoma !important;
}
user agent stylesheet
table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
}

 
 
 

 
/*GROW*/
.grow img {
  height: 50px;
  width: 50px;

  -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
body {
  background: #ece8e8;
}
.grow img:hover {
  width: 100px;
  height: 100px;
}

 
 
 
 
 
 
 
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}



.pic {
  border: 10px solid #fff;
  float: right;
  height: 120px;
  width: 420px;
  margin: 10px;
  overflow: hidden;
  -webkit-box-shadow: 5px 5px 5px #111;
  box-shadow: 5px 5px 5px #111; 
} 
 
 
</style>