قالب قائمة الاعضاء بشكل مميز Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

منتدى الدعم و المساعدة لأحلى المنتديات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

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

اذهب الى الأسفل

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

مُساهمة من طرف stones الإثنين 17 نوفمبر 2014 - 10:36

مرحبا

اليكم كود تومبيلات والاخر في ورقة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}&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>



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

تحت

الوان ثم ورقة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
stones
stones
 
 

ذكر
عدد المساهمات : 7462
معدل النشاط : 16419
السُمعة : 414

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى