اهلين
تفضل اذا تقصد هذا
مرحبا
اليكم كود تومبيلات والاخر في ورقةcss
اولا هذه صورة من الشرح بعد اضافه له
الايطارات والخلفية
الطريقة من لوحة التحكم=مظهر المنتدى
تحت
التومبيلات والقوالب
تحت
ادارة عامه ثم قالب 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">
<!-- 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> </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>
ثم تذهب الى لوحة التحكم=مظهر المنتدى
تحت
الوان ثم ورقة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
مثل الخلفية ولون الايطارات
تم الشرح
:hop: