{JAVASCRIPT}
<ul id="navstrip" class="clearfix">
   <li class="begin"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
   {NAV_CAT_DESC}
</ul>

<!-- BEGIN message_admin_index -->
   <div class="newslink">
   <p class="date">{LAST_VISIT_DATE}</p>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   <!-- END message_admin_txt -->
   </div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="borderwrap module">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
         <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label>  
         <label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label>  
         <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
           
            <!-- BEGIN switch_social_login -->
            <div class="mt10">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </div>
            <!-- END switch_social_login -->
      </div>
   </form>
</div>
 <br />
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}

{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="fo_stat" class="borderwrap">
   <div class="maintitle floated">
      <h3>{L_STATISTICS}</h3>
      <div class="contract" id="bs0" onclick="toggleCategory('s0');">
            
      </div>
   </div>
<style type="text/css">

.index-boody{
   background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    padding: 12px;
    height: 220px;
    font-size: 0px;
  text-align:center;
}

.index-boody li{
float: right;
padding-top: 2px;
width: 20%;
font-size: 0px;
text-align:center;
 
}
.index-boody li strong {
    border-radius: 3px;
    color: rgb(15, 15, 15);
    display: inline-block;
    min-width: 100px;
    padding: 3px 20px;
}
 
.index-boody li span strong, .#index-boody li span {
      color: #035EA2;
    display: block;
    font-size: 16px;
    line-height: 30px;
}


<!---! المتواجدين !--->

.i-bd-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 10px 0 0;
position: relative;
text-align: center;
border: 1px
}
.i-bd-img img{
width:75px;
height:75px;
}
.i-bd-txt{
background:#97BE3C;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
 
}
div.i-bd-USER-txt span strong{
     background-color:#ffff;
   border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
    font-size: 16px;
      color: #97BE3C;
}


<!---! الاعضاء !--->

.ind-TOTAL-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.ind-TOTAL-img img{
width:75px;
height:75px;
}
.ind-TOTAL-txt{
background:#494949;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
}
div.inbd-TOTAL-txt span strong{
     background-color:#ffff;
   border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
      color: #494949;
}

 



<!---! عدد المواضيع !--->
.TOTAL-POSTS-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.TOTAL-POSTS-img img{
width:75px;
height:75px;
}
.TOTAL-POSTS-txt{
background:#0094ca;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
        color: #0094ca;
}
div.TOTAL-POST-txt span strong{
     background-color:#ffff;
   border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
        color: #0094ca;
}

<!---! الدردشه !--->

.ind-CHATBOX-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.ind-CHATBOX-img img{
width:75px;
height:75px;
}
.ind-CHATBOX-txt{
background:#ff5f4b;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
}
div.inbd-CHATBOX-txt span strong{
     background-color:#ffff;
   border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
          color: #ff5f4b;
}

<!---! الترحيب !--->


.NEWEST-USER-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.NEWEST-USER-img img{
width:75px;
height:75px;
}
.NEWEST-USER-txt{
background:#d3b942;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
}
div.NEWEST-USER-txxt span strong{
     background-color:#ffff;
   border-radius: 3px;

display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
            color: #d3b942;
}






</style>



<!--- بداية قالب الاحصائيات --->

<div class="index-boody">
<ul>

<!--- المتواجدين الان --->
<li class="inby-USER">
<div class="i-bd-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/510.png"/>
</div>
<div align="center" style="color:#97BE3C; font-size: 16px;">

المتواجدين الان

</div>
<div class="i-bd-txt" align="center">
<div class="i-bd-USER-txt" align="center">

<span>
{TOTAL_USERS_ONLINE}
</span>

</div>
</div>

</li>
      

<!--- المتواجدين الان --->

<!--- الاعضاء --->

<li class="ind-TOTAL-USERS" align="center">


<div class="ind-TOTAL-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/410.png"/>

</div>
<div align="center" style="color:#494949; font-size: 16px;">
عدد الاعضاء
</div>
<div class="ind-TOTAL-txt">
<div class="inbd-TOTAL-txt">

<span>
{TOTAL_USERS}
</span>
</div>
</div>

</li>

 
<!--- الاعضاء --->



<!--- عدد المواضيع --->

 <li class="TOTAL-POSTS-USERS" align="center">


<div class="TOTAL-POSTS-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/310.png"/>

</div>
<div align="center" style="color:#0094ca; font-size: 16px;">
عدد المواضيع
</div>
<div class="TOTAL-POSTS-txt">
<div class="TOTAL-POST-txt">

<span>
{TOTAL_POSTS}
</span>
</div>
</div>

</li>


<!--- عدد المواضيع --->


<!--- الدردشه --->
  <!-- BEGIN switch_chatbox_activate -->
 <li class="ind-CHATBOX-USERS" align="center">


<div class="ind-CHATBOX-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/210.png"/>

</div>
<div align="center" style="color:#ff5f4b; font-size: 16px;">
الدردشه
</div>
<div class="ind-CHATBOX-txt">
<div class="inbd-CHATBOX-txt">
<span>
{TOTAL_CHATTERS_ONLINE}
  <!-- BEGIN switch_chatbox_popup -->
               <script type="text/javascript">
               insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
               </script>
               <!-- END switch_chatbox_popup -->
</span>

</div>
</div>
</li>
         <!-- END switch_chatbox_activate -->
<!--- الدردشه --->



<!--- ترحيب بالعضو الجديد --->
 <li class="NEWEST-USER-USERS" align="center">


<div class="NEWEST-USER-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/110.png"/>

</div>
<div align="center" style="color:#d3b942; font-size: 16px;">
نرحب بالعضو
</div>
<div class="NEWEST-USER-txt">
<div  class="NEWEST-USER-txxt">
<span>
{NEWEST_USER}
</span>
</div>
</div>

</li>

<!--- ترحيب بالعضو الجديد --->

</ul>

</div>
<!--- نهاية  قالب الاحصائيات --->

   <table cellpadding="0" cellspacing="0" class="ipbtable">
      <thead>
         <tr>
            <th colspan="2">
               <div class="linklist clearfix statlinks">
                  <ul>
                     <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
                     <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
                     <li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
                  </ul>
               </div>
            </th>
         </tr>
      </thead>
      <tfoot>
         <tr><td colspan="2"></td></tr>
      </tfoot>
      <tbody id="s0">
         <tr>
            <th colspan="2" class="formsubtitle">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
            </th>
         </tr>
         <tr>
            <td class="row1" width="1%"><a href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" /></a></td>
            <td class="row2">
               <div class="clearfix"> <a href="{U_VIEWONLINE}" rel="nofollow" class="viewonline right">{L_VIEW_COMPLETE_LIST}</a></div>
               <div class="thin">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>
               <div>{LEGEND} : {GROUP_LEGEND}</div>
            </td>
         </tr>
         <!-- BEGIN switch_birthday -->
         <tr>
            <th colspan="2" class="formsubtitle">{L_BIRTHDAY}</th>
         </tr>
         <tr>
            <td class="row1" width="1%"><img src="{L_BIRTHDAY_IMG}" alt="{L_BIRTHDAY}" /></td>
            <td class="row2">
               <p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
            </td>
         </tr>
         <!-- END switch_birthday -->
         <!-- BEGIN switch_calendar_5days -->
         <tr>
            <th colspan="2" class="formsubtitle">{L_CALENDAR_5DAYS}</th>
         </tr>
         <tr>
            <td class="row1" width="1%"><img src="{L_CALENDAR_IMG}" alt="{L_CALENDAR}" /></td>
            <td class="row2">
               {CALENDAR_EVENTS_5DAYS}
            </td>
         </tr>
         <!-- END switch_calendar_5days -->
         <tr>
            <th colspan="2" class="formsubtitle">

            <!-- BEGIN switch_statistics_link -->
            <a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a>
            <!-- END switch_statistics_link -->

            <!-- BEGIN switch_statistics_nolink -->
            {L_STATISTICS}
            <!-- END switch_statistics_nolink -->
            </th>
         </tr>
         <tr>
            <td class="row1"><img src="{L_STATISTICS_IMG}" alt="{L_STATISTICS}" /></td>
            <td class="row2">
         
               <p>{RECORD_USERS}</p>
            </td>
         </tr>
         
      </tbody>
   </table>

</div>

<!-- END disable_viewonline -->
<br />
{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<br />
<div class="activeusers clearfix">
    <ul class="ul-icons-home">
        <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}</li>
        <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}</li>
        <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}</li>
    </ul>
</div>
<!-- END switch_legend -->


<!-- BEGIN switch_user_login_form_footer -->
<div class="borderwrap module">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="box-content ipbform user_login_form center" style="padding:5px 0;">
         <label><span class="genmed">{L_USERNAME}:</span> <input class="" type="text" size="10" name="username" /></label>  
         <label><span class="genmed">{L_PASSWORD}:</span> <input class="" type="password" size="10" name="password"/></label>  
         <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_social_login -->
            <div class="mt10">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </div>
            <!-- END switch_social_login -->
      </div>
   </form>
</div>
<!-- END switch_user_login_form_footer -->

{AUTO_DST}

{JAVASCRIPT}

<!-- BEGIN switch_user_login_form_header -->
<div class="content-block">
  <div class="title">{L_LOGIN}</div>
  <div class="txt-content">
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_social_login -->
        <div class="social_btn">
            <!-- BEGIN fb_connect -->
            <div class="fb-login-button"></div>
            <!-- END fb_connect -->
           
        </div>
        <!-- END switch_social_login -->
        </div>
      </form>
  </div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="content-block introduction">
  <!-- BEGIN message_admin_titre -->
      <div class="title">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
      <div class="txt-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
  </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
<div id="board_time_table">
  <p id="board_current_time" class="left">{CURRENT_TIME}</p>
  <!-- BEGIN switch_user_logged_in --><p id="board_last_visit" class="right">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
  <div class="clear"></div>
</div>
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="who_is_online">

  <div id="wio_right">
    <div id="wio_statistics" class="content-block">
      <!-- BEGIN switch_statistics_link -->
      <div class="title"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
      <!-- END switch_statistics_link -->

      <!-- BEGIN switch_statistics_nolink -->
      <div class="title">{L_STATISTICS}</div>
      <!-- END switch_statistics_nolink -->

      <div class="txt-content">

        <div class="wio_row">
         
         
         


          <style type="text/css">

.index-boody{
   background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    padding: 12px;
    height: 115px;
    font-size: 0px;
  text-align:center;
}

.index-boody li{
float: right;
padding-top: 2px;
width: 20%;
font-size: 0px;
text-align:center;
 
}
.index-boody li strong {
    border-radius: 3px;
    color: rgb(15, 15, 15);
    display: inline-block;
    min-width: 100px;
    padding: 3px 20px;
}
 
.index-boody li span strong, .#index-boody li span {
      color: #035EA2;
    display: block;
    font-size: 16px;
    line-height: 30px;
}


<!---! المتواجدين !--->

.i-bd-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 10px 0 0;
position: relative;
text-align: center;
border: 1px
}
.i-bd-img img{
width:75px;
height:75px;
}
.i-bd-txt{
background:#97BE3C;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
 
}
div.i-bd-USER-txt span strong{
     background-color:#ffff;
   border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
    font-size: 16px;
      color: #97BE3C;
}


<!---! المطورين !--->

.ind-TOTAL-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.ind-TOTAL-img img{
width:75px;
height:75px;
}
.ind-TOTAL-txt{
background:#494949;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
}
div.inbd-TOTAL-txt span strong{
     background-color:#ffff;
   border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
      color: #494949;
}

 



<!---! عدد المواضيع !--->
.TOTAL-POSTS-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.TOTAL-POSTS-img img{
width:75px;
height:75px;
}
.TOTAL-POSTS-txt{
background:#0094ca;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
        color: #0094ca;
}
div.TOTAL-POST-txt span strong{
     background-color:#ffff;
   border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
        color: #0094ca;
}

<!---! الدردشه !--->

.ind-CHATBOX-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.ind-CHATBOX-img img{
width:75px;
height:75px;
}
.ind-CHATBOX-txt{
background:#ff5f4b;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
}
div.inbd-CHATBOX-txt span strong{
     background-color:#ffff;
   border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
          color: #ff5f4b;
}

<!---! الترحيب !--->


.NEWEST-USER-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.NEWEST-USER-img img{
width:75px;
height:75px;
}
.NEWEST-USER-txt{
background:#d3b942;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
}
div.NEWEST-USER-txxt span strong{
     background-color:#ffff;
   border-radius: 3px;

display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
            color: #d3b942;
}






</style>



<!--- بداية قالب الاحصائيات --->

<div class="index-boody">
<ul>

<!--- المتواجدين الان --->
<li class="inby-USER">
<div class="i-bd-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/510.png"/>
</div>
<div align="center" style="color:#97BE3C; font-size: 16px;">

المتواجدين الان

</div>
<div class="i-bd-txt" align="center">
<div class="i-bd-USER-txt" align="center">

<span>
{TOTAL_USERS_ONLINE}
</span>

</div>
</div>

</li>
      

<!--- المتواجدين الان --->

<!--- المطورين --->

<li class="ind-TOTAL-USERS" align="center">


<div class="ind-TOTAL-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/410.png"/>

</div>
<div align="center" style="color:#494949; font-size: 16px;">
عدد المطورين
</div>
<div class="ind-TOTAL-txt">
<div class="inbd-TOTAL-txt">

<span>
{TOTAL_USERS}
</span>
</div>
</div>

</li>

 
<!--- المطورين --->



<!--- عدد المواضيع --->

 <li class="TOTAL-POSTS-USERS" align="center">


<div class="TOTAL-POSTS-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/310.png"/>

</div>
<div align="center" style="color:#0094ca; font-size: 16px;">
عدد المواضيع
</div>
<div class="TOTAL-POSTS-txt">
<div class="TOTAL-POST-txt">

<span>
{TOTAL_POSTS}
</span>
</div>
</div>

</li>


<!--- عدد المواضيع --->


<!--- الدردشه --->
  <!-- BEGIN switch_chatbox_activate -->
 <li class="ind-CHATBOX-USERS" align="center">


<div class="ind-CHATBOX-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/210.png"/>

</div>
<div align="center" style="color:#ff5f4b; font-size: 16px;">
الدردشه
</div>
<div class="ind-CHATBOX-txt">
<div class="inbd-CHATBOX-txt">
<span>
{TOTAL_CHATTERS_ONLINE}
  <!-- BEGIN switch_chatbox_popup -->
               <script type="text/javascript">
               insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
               </script>
               <!-- END switch_chatbox_popup -->
</span>

</div>
</div>
</li>
         <!-- END switch_chatbox_activate -->
<!--- الدردشه --->



<!--- ترحيب بالعضو الجديد --->
 <li class="NEWEST-USER-USERS" align="center">


<div class="NEWEST-USER-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/110.png"/>

</div>
<div align="center" style="color:#d3b942; font-size: 16px;">
نرحب بالطالب الجديد
</div>
<div class="NEWEST-USER-txt">
<div  class="NEWEST-USER-txxt">
<span>
{NEWEST_USER}
</span>
</div>
</div>

</li>

<!--- ترحيب بالعضو الجديد --->

</ul>

</div>
<!--- نهاية  قالب الاحصائيات --->


        </div>

     

     
      </div>
      <script type="text/javascript">if (window.wio_getStats) { wio_getStats(); }</script>
    </div>
      </div>
  <div id="wio_left">
    <div id="wio_activity" class="content-block">
      <!-- BEGIN switch_viewonline_link -->
      <div class="title"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <div class="title">{L_WHO_IS_ONLINE}</div>
      <!-- END switch_viewonline_nolink -->
      <div class="txt-content">
        <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
        {TOTAL_USERS_ONLINE}<br/>

        {LOGGED_IN_USER_LIST}

        {L_ONLINE_USERS}
        {L_CONNECTED_MEMBERS}<br />
        {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
      </div>
    </div>

    <div id="wio_group_legend" class="content-block">
      <div class="title">{LEGEND}</div>
      <div class="txt-content">
        <div id="wio_groups">{GROUP_LEGEND}</div>
      </div>
      <script type="text/javascript">if (window.wio_formatGroups) { wio_formatGroups(); }</script>
    </div>

  </div>



 

  <div class="clear"></div>
</div>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="content-block">
  <div class="title">{L_LOGIN}</div>
  <div class="txt-content">
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_social_login -->
        <div class="social_btn">
            <!-- BEGIN fb_connect -->
            <div class="fb-login-button"></div>
            <!-- END fb_connect -->
            &nbsp;
        </div>
        <!-- END switch_social_login -->
        </div>
      </form>
  </div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<div id="picture_legend">
  <div class="pic_legend_icon">
    <div class="forum-status" style="background-image:url('{FORUM_NEW_IMG}');" title="{L_NEW_POSTS}"></div>
    {L_NEW_POSTS}
  </div>

  <div class="pic_legend_icon">
    <div class="forum-status" style="background-image:url('{FORUM_IMG}');" title="{L_NO_NEW_POSTS}"></div>
    {L_NO_NEW_POSTS}
  </div>

  <div class="pic_legend_icon">
    <div class="forum-status" style="background-image:url('{FORUM_LOCKED_IMG}');" title="{L_FORUM_LOCKED}"></div>
    {L_FORUM_LOCKED}
  </div>
</div>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

{JAVASCRIPT}

<!-- BEGIN switch_user_login_form_header -->
<div class="content-block">
  <div class="title">{L_LOGIN}</div>
  <div class="txt-content">
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_social_login -->
        <div class="social_btn">
            <!-- BEGIN fb_connect -->
            <div class="fb-login-button"></div>
            <!-- END fb_connect -->
            
        </div>
        <!-- END switch_social_login -->
         </div>
      </form>
  </div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="content-block introduction">
   <!-- BEGIN message_admin_titre -->
      <div class="title">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="txt-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
<div id="board_time_table">
  <p id="board_current_time" class="left">{CURRENT_TIME}</p>
  <!-- BEGIN switch_user_logged_in --><p id="board_last_visit" class="right">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
  <div class="clear"></div>
</div>
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="who_is_online">

  <div id="wio_right">
    <div id="wio_statistics" class="content-block">
      <!-- BEGIN switch_statistics_link -->
       <div class="title"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
       <!-- END switch_statistics_link -->

       <!-- BEGIN switch_statistics_nolink -->
       <div class="title">{L_STATISTICS}</div>
       <!-- END switch_statistics_nolink -->

      <div class="txt-content">

        <div class="wio_row">
          
          
          


          <style type="text/css">

.index-boody{
 background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    padding: 12px;
    height: 115px;
    font-size: 0px;
   text-align:center;
}

.index-boody li{
float: right;
padding-top: 2px;
width: 20%;
font-size: 0px;
text-align:center;
 
}
.index-boody li strong {
    border-radius: 3px;
    color: rgb(15, 15, 15);
    display: inline-block;
    min-width: 100px;
    padding: 3px 20px;
}
  
.index-boody li span strong, .#index-boody li span {
       color: #035EA2;
    display: block;
    font-size: 16px;
    line-height: 30px;
}


<!---! المتواجدين !--->

.i-bd-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 10px 0 0;
position: relative;
text-align: center;
border: 1px
}
.i-bd-img img{
width:75px;
height:75px;
}
.i-bd-txt{
background:#97BE3C;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
  
}
div.i-bd-USER-txt span strong{
   background-color:#ffff;
 border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
    font-size: 16px;
       color: #97BE3C;
}


<!---! المطورين !--->

.ind-TOTAL-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.ind-TOTAL-img img{
width:75px;
height:75px;
}
.ind-TOTAL-txt{
background:#494949;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
}
div.inbd-TOTAL-txt span strong{
   background-color:#ffff;
 border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
       color: #494949;
}

 



<!---! عدد المواضيع !--->
.TOTAL-POSTS-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.TOTAL-POSTS-img img{
width:75px;
height:75px;
}
.TOTAL-POSTS-txt{
background:#0094ca;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
         color: #0094ca;
}
div.TOTAL-POST-txt span strong{
   background-color:#ffff;
 border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
         color: #0094ca;
}

<!---! الدردشه !--->

.ind-CHATBOX-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.ind-CHATBOX-img img{
width:75px;
height:75px;
}
.ind-CHATBOX-txt{
background:#ff5f4b;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
}
div.inbd-CHATBOX-txt span strong{
   background-color:#ffff;
 border-radius: 3px;
display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
           color: #ff5f4b;
}

<!---! الترحيب !--->


.NEWEST-USER-img{
border: 0 none;
box-sizing: border-box;
font-size: 0px;
height: 150px;
margin: 0;
padding: 40px 0 0;
position: relative;
text-align: center;
border: 1px
}
.NEWEST-USER-img img{
width:75px;
height:75px;
}
.NEWEST-USER-txt{
background:#d3b942;
border-radius: 3px;
color: rgb(255, 255, 255);
display: inline-block;
min-width: 100px;
padding: 3px 20px;
}
div.NEWEST-USER-txxt span strong{
   background-color:#ffff;
 border-radius: 3px;

display: inline-block;
min-width: 80px;
padding: 3px 20px;
      font-size: 16px;
             color: #d3b942;
}






</style>



<!--- بداية قالب الاحصائيات --->

<div class="index-boody">
<ul>

<!--- المتواجدين الان --->
<li class="inby-USER">
<div class="i-bd-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/510.png"/>
</div>
<div align="center" style="color:#97BE3C; font-size: 16px;">

المتواجدين الان

</div>
<div class="i-bd-txt" align="center">
<div class="i-bd-USER-txt" align="center">

<span>
{TOTAL_USERS_ONLINE}
</span>

</div>
</div>

</li>
 

<!--- المتواجدين الان --->

<!--- الطلاب --->

<li class="ind-TOTAL-USERS" align="center">


<div class="ind-TOTAL-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/410.png"/>

</div>
<div align="center" style="color:#494949; font-size: 16px;">
عدد الطلاب
</div>
<div class="ind-TOTAL-txt">
<div class="inbd-TOTAL-txt">

<span>
{TOTAL_USERS}
</span>
</div>
</div>

</li>

 
<!--- الطلاب --->



<!--- عدد المواضيع --->

 <li class="TOTAL-POSTS-USERS" align="center">


<div class="TOTAL-POSTS-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/310.png"/>

</div>
<div align="center" style="color:#0094ca; font-size: 16px;">
عدد المواضيع
</div>
<div class="TOTAL-POSTS-txt">
<div class="TOTAL-POST-txt">

<span>
{TOTAL_POSTS}
</span>
</div>
</div>

</li>


<!--- عدد المواضيع --->


<!--- الدردشه --->
  <!-- BEGIN switch_chatbox_activate -->
 <li class="ind-CHATBOX-USERS" align="center">


<div class="ind-CHATBOX-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/210.png"/>

</div>
<div align="center" style="color:#ff5f4b; font-size: 16px;">
الدردشه
</div>
<div class="ind-CHATBOX-txt">
<div class="inbd-CHATBOX-txt">
<span>
{TOTAL_CHATTERS_ONLINE}
  <!-- BEGIN switch_chatbox_popup -->
 <script type="text/javascript">
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 </script>
 <!-- END switch_chatbox_popup -->
</span>

</div>
</div>
</li>
 <!-- END switch_chatbox_activate -->
<!--- الدردشه --->



<!--- ترحيب بالعضو الجديد --->
 <li class="NEWEST-USER-USERS" align="center">


<div class="NEWEST-USER-img" align="center">
<img src="https://i.servimg.com/u/f25/20/21/38/73/110.png"/>

</div>
<div align="center" style="color:#d3b942; font-size: 16px;">
نرحب بالطالب الجديد
</div>
<div class="NEWEST-USER-txt">
<div  class="NEWEST-USER-txxt">
<span>
{NEWEST_USER}
</span>
</div>
</div>

</li>

<!--- ترحيب بالعضو الجديد --->

</ul>

</div>
<!--- نهاية  قالب الاحصائيات --->


        </div>

      

      
      </div>
      <script type="text/javascript">if (window.wio_getStats) { wio_getStats(); }</script>
    </div>
      </div>
  <div id="wio_left">
    <div id="wio_activity" class="content-block">
      <!-- BEGIN switch_viewonline_link -->
       <div class="title"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
       <!-- END switch_viewonline_link -->

       <!-- BEGIN switch_viewonline_nolink -->
       <div class="title">{L_WHO_IS_ONLINE}</div>
       <!-- END switch_viewonline_nolink -->
      <style type="text/css">

 
.TOTAL-USERS-ONLINE-txt  a{
 
font-size: 12px;
}    
.TOTAL-USERS-ONLINE-txt {
 
font-size: 0px;
}  
.TOTAL-USERS-ONLINE-txt  br{
    display:none;
}          
        </style>
      <div class="txt-content">
        <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
       {TOTAL_USERS_ONLINE}<br/>
        <br />
        <div class="TOTAL-USERS-ONLINE-txt">
          <span style="font-size: 14px;">

                  الطلاب المتواجدون في الثانوية :
         </span> 
           {LOGGED_IN_USER_LIST}</div>
            <br />
        <div class="TOTAL-USERS-ONLINE-txt">
          <span style="font-size: 14px;">

الطلاب الذين تواجدوا في 24 ساعة الماضية.
         </span> 
 {L_CONNECTED_MEMBERS}
            </div>    <div>

    </div>
        <br />
      <div>  {L_WHOSBIRTHDAY_TODAY}    </div>    <div>{L_WHOSBIRTHDAY_WEEK}    </div>
      </div>
    </div>

    <div id="wio_group_legend" class="content-block">
      <div class="title">{LEGEND}</div>
      <div class="txt-content">
        <div id="wio_groups">{GROUP_LEGEND}</div>
      </div>
      <script type="text/javascript">if (window.wio_formatGroups) { wio_formatGroups(); }</script>
    </div>

  </div>



  

  <div class="clear"></div>
</div>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="content-block">
  <div class="title">{L_LOGIN}</div>
  <div class="txt-content">
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_social_login -->
        <div class="social_btn">
            <!-- BEGIN fb_connect -->
            <div class="fb-login-button"></div>
            <!-- END fb_connect -->
            &nbsp;
        </div>
        <!-- END switch_social_login -->
         </div>
      </form>
  </div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<div id="picture_legend">
  <div class="pic_legend_icon">
     <div class="forum-status" style="background-image:url('{FORUM_NEW_IMG}');" title="{L_NEW_POSTS}"></div>
    {L_NEW_POSTS}
  </div>

  <div class="pic_legend_icon">
     <div class="forum-status" style="background-image:url('{FORUM_IMG}');" title="{L_NO_NEW_POSTS}"></div>
    {L_NO_NEW_POSTS}
  </div>

  <div class="pic_legend_icon">
     <div class="forum-status" style="background-image:url('{FORUM_LOCKED_IMG}');" title="{L_FORUM_LOCKED}"></div>
    {L_FORUM_LOCKED}
  </div>
</div>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

    <!-- BEGIN google_analytics_code -->

<script type="text/javascript">//<![CDATA[
$(function() {
  if(window._userdata && _userdata.page_desktop) window.location = _userdata.page_desktop;
  });
//]]>
   </script>

.TOTAL-USERS-ONLINE-txt a{
background: url(https://i33.servimg.com/u/f33/19/52/81/36/sans_t10.gif) no-repeat right;
    padding: 13px;
 margin-left:5px;
 margin-right:5px;
}