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

 <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} <input type="text" class="post" name="username" maxlength="70" size="70" value="{L_USER_SELECT_VALUE}" />                  {L_SELECT_SORT_METHOD} {S_MODE_SELECT}                  {L_ORDER} {S_ORDER_SELECT}                  {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}معاينة صفحة البيانات الشخصي للعضو" />           مُعاينة البيانات الشخصية </a></li>          <li class="popupmenu-item"> {memberrow.PM_IMG} </li>          <li class="popupmenu-item">          {memberrow.WWW_IMG} </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="جميع مساهمات العضو " /> أوجد جميع مواضيع العضو</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;}