قالب قائمة الاعضاء بشكل مميز

<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;
}