المطلوب شرح أضافة أيقونات المجموعات للنسخة الثانية

الكود:

<table class="portal-content">
<tr>
<td>
<div id="portal">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
</tr>
</table>
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <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>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}


<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <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>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
  </tr>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <ul class="ul-none clfx fm-stats-foot">
      <li>
        <div class="stat-in">
          <div>
            <i class="fa fa-bookmark"></i>
            <span>المتواجدون الان</span>
            <b>{TOTAL_USERS_ONLINE}</b>
          </div>
        </div>
      </li>
      <li>
        <div class="stat-in">
          <div>
            <i class="fa fa-comments"></i>
            <span>المشاركات</span>
            <b>{TOTAL_POSTS}</b>
          </div>
        </div>
      </li>
      <li>
        <div class="stat-in">
          <div>
            <i class="fa fa-users"></i>
            <span>الأعضاء</span>
            <b>{TOTAL_USERS}</b>
          </div>
        </div>
      </li>
      <li>
        <div class="stat-in">
          <div>
            <i class="fa fa-user"></i>
            <span><span>اخر عضو مسجل</span>
    <b style="left:-22px;">{NEWEST_USER}</b></span>
          </div>
        </div>
      </li>
    </ul>
 
    <style>
      .block-footer a {
    margin-left: 8px;
    font-size: 16px !important;
    border: solid 1px;
}

.block-footer {
    padding: 2px;
    font-size: 0;
}
  .block-subtle .block-footer #groups a:before {
    top: -2px;
    position: relative;
    margin: 5px;
    font-size: 16px !important;
}   
    .fm-stats-foot {
      margin: 0 -10px 30px;
      padding: 0px 0px 70px 0px
    }
 
    .fm-stats-foot li {
      float: right;
      width: 25%;
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      list-style: none;
    }
 
    .stat-in {
      padding: 10px;
      min-height: 90px;
      position: relative;
      overflow: hidden;
      background-color: #fff;
    }
 
    .stat-in:before {
      position: absolute;
      top: -40px;
      width: 85%;
      bottom: -50px;
      left: -100px;
      display: block;
      content: '';
      -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      transform: rotate(-30deg);
      background-color: #E9E9E9;
    }
 
    .stat-in i, .stat-in span,
    .stat-in b {
      z-index: 3;
    }
 
    .stat-in i {
      position: absolute;
      left: 0;
      top: 0;
      width: 60px;
      height: 60px;
      line-height: 60px;
      color: #fff;
 
 
 
 
 
      text-align: center;
      font-size: 38px;
    }
 
    .stat-in span {
      display: block;
      color: #000;
      float: right;
      margin: 3px 3px 0 0;
      font-size: 16px;
    }
 
    .stat-in b, .stat-in span a {
      position: absolute;
      bottom: 12px;
      left: 12px;
      display: block;
      color: #fff;
      font-size: 22px;
    }
 
    .top-bar, .fot-bar, .fm--title,.cp-menu li.lnk-head,.stat-in:before,.login-pop .button, .tooltipster-default, a.is-new:before, .u-btn, #logout-pop .lp-in a, .slider .slick-dots li.slick-active button, .slider .slick-arrow,.tab-nav li.current a, a.new-regst-link, .foot-bar,
    .nav-icon, .s-box i, .us-avatar, .slider .slick-dots li button, body .tcat,.footer--bar-in {
      background-color: #0072bc;
    }
 
    .stat-in b strong {
        position: absolute;
        bottom: -15px;
        left: 20px;
        display: block;
        color: #fff;
        font-size: 26px;
    }
   
    .stat-in b {
        font-size: 0;
    }
 
    </style>
      <tr>
      <td class="row1"><span class="gensmall">
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
  </tr>
  {L_CONNECTED_MEMBERS}
  <tr>
      <td class="row1"><span class="gensmall"> <div id="block-online" class="block-subtle">
                    <div class="block-footer">
                          المجموعات&nbsp;:<span id="groups">{GROUP_LEGEND}</span>
        </div>  </div></span></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td class="row1">
        <span class="gensmall">{TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp; {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" loading="lazy" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" loading="lazy"  /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>&nbsp;&nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" loading="lazy"  /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

Mahmoud Gilany كتب:

تسلم إيدك تم الحال