منتدى طريق الاشهار دخول

شاطر

descriptiondefault [Template] كود الاقسام على الرئيسيه ا بشكل جميل

more_horiz
بسم الله الرحمن الرحيم 
السلام عليكم اخواني واخواتي 
اقدم اليكم كود جديد.. وظيقة الكود كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسه بشكل جميل





صوره للكود:






طريقة وضع الكود :
لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>index_box>>
*نبحث عن الكود التالي:




الكود:

الكود:

<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>



ونستبدله بالكود التالي:







الكود:

الكود:

<tr>
        <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>



*ونبحث عن الكود التالي:







الكود:

الكود:

<td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
 
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>



ونستبدله بالكود التالي:







الكود:

الكود:

<td class="row2" align="left" valign="middle" height="45">
         <div class="stats" style="width: 90px"><span class="gensmall">
         <font color="#465361">المواضيع<div class="stats1">{catrow.forumrow.TOPICS}</div></font></span></div>
         <div class="stats" style="width: 90px"><span class="gensmall">
         <font color="#465361">المساهمات<div class="stats1">{catrow.forumrow.POSTS}</div></font></span></div>
       </td>
        
      <td class="row3 over" align="left" valign="middle">
        <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
        <div class="stats" style="width: 200px"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
     </td>



ثم نذهب لـ
لوحة الاداره
>>مظهر المنتدى>>ألوان>>ورقة تصميم CSS
وضع الكود التالي








الكود:

الكود:

.stats{   border: solid 1px #adadad;   padding: 4px;   margin-bottom: 2px;   border-radius: 4px;   background: #f9f9f9;   box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.10); }  .stats font{color: #777 !important;}  .stats1{   float: right;   height: 0px;   font-weight: bold; }  .lastpost-avatar {   margin-top: 2px;   margin-left: 2px;   margin-right: 2px; }



ملحوظه:اذا كنت تريديها ان تظهر مثل التي في الصوره هنا 







يجب عمل الاتي:لوحة الإدارة >> مظهر المنتدى >> الصفحة الرئيسية >> الهيكل و التراتب>> تعديل التراتب >> إظهار الصورة الرمزية للعضو بجوار اسمه في عمود "آخر مساهمة">>نعم






منقول للافادة وتم التعديل والترجمة من قبلي 
وبهذا نكون انتهينا من شرح الكود التالي
بالتوفيق ليكم


descriptiondefaultرد: [Template] كود الاقسام على الرئيسيه ا بشكل جميل

more_horiz
مشكور

descriptiondefaultرد: [Template] كود الاقسام على الرئيسيه ا بشكل جميل

more_horiz
لك كل الشكر والاحترام يا اخي نمر الدعم


على مروورك العطر والمميز


دمت بحفظ الرحمان


descriptiondefaultرد: [Template] كود الاقسام على الرئيسيه ا بشكل جميل

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