[TEMPLATE] قائمة الاعضاء بشكل احترافي

    <script src="http://illiweb.com/rs3/54/frm/invision.js" type="text/javascript"></script>
        <link rel="stylesheet" href="https://a7la-vb.googlecode.com/svn/trunk/a7la-memberlist.css" type="text/css" />
        <table cellspacing="0" cellpadding="2" border="2" align="center" class="forumline" width="100%">
        <form action="{S_MODE_ACTION}" method="get">
        <div class="borderwrap memberlist">
          <tr>
        <th class="thTop">
          <h3>البحث عن عضو أو تغيير نظام الاظهار</h3>
          </th>
          </tr>
          <tr>
                  <td class="row1">
          <fieldset>
            <legend>اسم العضو</legend>
            <dl><dt></dt><dd>
        {L_USER_SELECT}&nbsp;<input
        type="text" class="post" name="username" maxlength="70" size="70"
        value="{L_USER_SELECT_VALUE}"
        />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    {L_SELECT_SORT_METHOD}&nbsp;{S_MODE_SELECT}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    {L_ORDER}&nbsp;{S_ORDER_SELECT}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    {S_HIDDEN_SID}
                    <input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" />
              </dd></dl></fieldset>
              </td>               
          </tr>
          </div>
        </form>
          </table>
       
        <table class="forumline" width="100%" border="2" cellspacing="2" cellpadding="2">
        <div class="borderwrap member-list">
          <tr>
          <th class="thTop"><h3>قائمة الاعضاء</h3></th>
          </tr>
          <tr>
              <td class="row1">
          <div class="box-content member-list clearfix">
                  <!-- BEGIN memberrow -->
            <div class="member">
       
              <div class="member-header clearfix">
              <div class="popmenubutton-new-out popmenubutton">
                <a href="#" onclick="return togglePopUpMenu('pm{memberrow.ROW_NUMBER}');">
                  <span class="membername">
                    <span style="color:#EB0800">
                      <strong>{memberrow.USERNAME}</strong>
                    </span></span>
                </a>
                <div class="mini-avatar">
        {memberrow.AVATAR_IMG}
                </div></div>
              <div id="pm{memberrow.ROW_NUMBER}" class="popupmenu clearfix" style="display:none;">
                <div class="avatar">
        {memberrow.AVATAR_IMG}
                </div>
                <ul><li class="popupmenu-item">
        <a href="{memberrow.U_VIEWPROFILE}">
       
                <img
        src="http://2img.net/i/fa/prosilver/icon_user_profile.png"
        class="i_icon_profile" alt="{USERNAME}معاينة صفحة البيانات الشخصي للعضو"
        />
                  &nbsp;مُعاينة البيانات الشخصية&nbsp;</a></li>
                  <li class="popupmenu-item">&nbsp;{memberrow.PM_IMG}&nbsp;</li>
                  <li class="popupmenu-item">
                  {memberrow.WWW_IMG}&nbsp;</li>
                  <li class="popupmenu-item last">
                    <a href="/spa/{USERNAME}" class="profile-icon" title="">
       
                    <img
        src="http://2img.net/i/fa/prosilver/icon_contact_search.gif"
        class="icon_profile" alt="جميع مساهمات العضو " />&nbsp;أوجد جميع
        مواضيع العضو</a>&nbsp;</li>
                </ul></div>
              </div>
              <p>
              <span class="label">اخر زيارة</span>: {memberrow.LASTVISIT}<br />
              <span class="label">المزاج</span>:{memberrow.INTERESTS} <br />
                <span class="label">تاريخ التسجيل</span>: {memberrow.JOINED}<br />
                <span class="label">عدد المساهمات </span>: {memberrow.POSTS}<br />
              </p></div>
          <!-- END memberrow -->
            <table class="forumline" width="100%" border="2" cellspacing="2" cellpadding="2">
        <!-- BEGIN switch_no_user -->
          <tr>
       
              <td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}"
        height="50" align="center"><span
        class="gensmall">{switch_no_user.L_NO_USER}</span></td>
          </tr>
          <!-- END switch_no_user -->
        </table>
        <!-- BEGIN switch_pagination -->
        <table width="100%" border="5" cellspacing="5" cellpadding="5">
          <tr>
              <td><span class="nav">{PAGE_NUMBER}</span></td>
              <td align="center"><span class="nav">{PAGINATION}</span></td>
          </tr>
        </table>
        <br />
        <!-- END switch_pagination -->
          </div>
        </td>
          </tr>
        </div>
          </table>

    .member p {
    background: #99CC00 ;
    border-radius:10px;
    border:1px dotted #000000;
    font-size: 20px;
    }
   
    .member .popupmenu li {
    background: #CCCCCC ;
    border:1px dotted #FF33FF;
      border-radius:5px;
      font-size: 13px;
    }