ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

قالب قائمة الاعضاء الاحترافي - قالب memberlist_body متطور معرب

  افضل مساهمة1
قالب قائمة الاعضاء الاحترافي - قالب memberlist_body متطور معرب


و صورة الكود 

http://oi57.tinypic.com/bi6jcn.jpg
الكود
نبدى بالتومبيلات
قالب memberlist_body
نحذفه كله و ضع مكانه


الكود:
<!-- BEGIN switch_user_logged_in -->

<head>
<style type="text/css">
.style1 {
   text-align: right;
}
.style2 {
   background-color: #C0C0C0;
}
.style3 {
   font-size: medium;
}
</style>
</head>

<!-- END switch_user_logged_in -->

<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs">
      <a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;<strong>{PAGE_TITLE}</strong>
   </p>
</div>

<div class="main frm">

   <!-- BEGIN switch_pagination -->
   <div class="paged-head clearfix">
      <p class="paging">{PAGINATION}</p>
   </div>
   <!-- END switch_pagination -->

   <div class="main-head">
      <h1 class="page-title"><span lang="ar-dz">المركز التقني لي احلى منتدى</span></h1>
   </div>

   <div class="main-content">
      <form action="{S_MODE_ACTION}" method="get" class="style2">
      <fieldset class="frm-set multi">
         <dl>
            <dt>{L_USER_SELECT}</dt>
            <dd><input type="text" class="inputbox" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" /></dd>
         </dl>
         <dl>
            <dt>{L_SELECT_SORT_METHOD}</dt>
            <dd>{S_MODE_SELECT}</dd>
         </dl>
         <dl>
            <dt>{L_ORDER}</dt>
            <dd>{S_ORDER_SELECT}</dd>
         </dl>

         <div class="frm-buttons">
             {S_HIDDEN_SID}
            <input type="submit" name="submit" value="{L_SUBMIT}" />
         </div>
      </fieldset>
      </form>

                  <!-- BEGIN memberrow -->
          
          <div class="memberlistlfc">
            
                       <div style="padding:10px;border-bottom: 1px solid #dddddd;" class="style1">                                              
                        

                                       <div class="style1">
                                      <a class="gen" href="{memberrow.U_VIEWPROFILE}">
                                           <span class="style3">{memberrow.USERNAME}</span></a><span class="avamem">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                 <a class="gen" href="{memberrow.U_VIEWPROFILE}">
                                 {memberrow.AVATAR_IMG}&nbsp;
                                       </a>
</span>
                         </div>
                     <div class="style1">
&nbsp;</br>
                        <span lang="ar-dz">مشاركات العضو</span> : {memberrow.POSTS}
                        </br>
                        <span lang="ar-dz">الاتصال به</span> : {memberrow.WWW_IMG}
                        </br>
                     </div>
            
                      </div>
            
          
                      </div>  
            
                  <!-- END memberrow -->
                  <!-- BEGIN switch_no_user -->
                  <tr>
                     <td colspan="{switch_no_user.COLSPAN_NUMBER}" class="tcr">{switch_no_user.L_NO_USER}</td>
                  </tr>
                  <!-- END switch_no_user -->

   </div>

   <div class="main-foot" >
   </div>

   <!-- BEGIN switch_pagination -->
   <div class="paged-foot clearfix" style="margin-top:-55px;">
      <p class="style1">{PAGINATION}</p>
   </div>
   <!-- END switch_pagination -->

</div>


و دا في ورقة css


الكود:

.memberlistlfc {background: #fff;border: 1px solid #ddd;width: 22%;margin: 15px;float:left;height: 130px;}
.avamem img {width: 50px;height: 50px;}
.linkmem {margin-top:-35px;margin-left:55px;}
 



الان ينتهي الكود
و انتضرونا في اكواد جميلة و حصرية احسن و افضل


m13
  افضل مساهمة2
كود جميل
ابداع وتالق
  افضل مساهمة3
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
  افضل مساهمة4
سلمت اناملك الذهبيه
دائما بأنتظار جديدك الشيق
 لك خالص احترامي وتقديري
لاتستطيع الرد على المواضيع في هذا المنتدى