[Template] كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسيه بشكل جميل***MoHaMeD NsR

[Template] كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسيه بشكل جميل***MoHaMeD NsR

 من طرف Mohamed 12/9/2014, 6:49 pm

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

---

صوره للكود:

---

طريقة وضع الكود :
لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>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; }

---

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

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

---

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

 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
 لا يتم المساعدة على الخاص!