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

مرحبا

اليكم كود تومبيلات والاخر في ورقةcss

اولا هذه صورة من الشرح بعد اضافه له

الايطارات والخلفية
قالب قائمة الاعضاء بشكل مميز I1wdio

الطريقة من لوحة التحكم=مظهر المنتدى

تحت

التومبيلات والقوالب

تحت

ادارة عامه ثم قالب memberlist_body

تحذف القالب كامل وتضع الكود هذا

الكود:: <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">  <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> </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>  <table class="forumline" width="100%" border="2" cellspacing="2" cellpadding="2">  <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>  </table>  <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 />  </div> </td> </tr> </div> </table>

ثم تذهب الى لوحة التحكم=مظهر المنتدى

تحت

الوان ثم ورقةcss

وتضع الكود هذا وتسجل

الكود:: .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; }

يمكنك تغير الوان ورقةcss

مثل الخلفية ولون الايطارات
الكود او القالب محول من في بي
وتم الحصول عليه في منتدى الدعم
الكود css
من تائليفي

تم الشرحstones