![[Template] كود الاقسام على الرئيسيه ا بشكل جميل Empty](https://2img.net/i/empty.gif)
الأحد يوليو 23, 2017 11:32 pm
صوره للكود:
![[Template] كود الاقسام على الرئيسيه ا بشكل جميل 2014-010](https://i.servimg.com/u/f39/18/99/67/36/2014-010.png)
الكود:
ونستبدله بالكود التالي:
الكود:
*ونبحث عن الكود التالي:
الكود:
ونستبدله بالكود التالي:
الكود:
ثم نذهب لـ
لوحة الاداره>>مظهر المنتدى>>ألوان>>ورقة تصميم CSS
وضع الكود التالي
الكود:
ملحوظه:اذا كنت تريديها ان تظهر مثل التي في الصوره هنا
منقول للافادة وتم التعديل والترجمة من قبلي
وبهذا نكون انتهينا من شرح الكود التالي
بالتوفيق ليكم
بسم الله الرحمن الرحيم
السلام عليكم اخواني واخواتي
اقدم اليكم كود جديد.. وظيقة الكود كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسه بشكل جميل
السلام عليكم اخواني واخواتي
اقدم اليكم كود جديد.. وظيقة الكود كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسه بشكل جميل
صوره للكود:
![[Template] كود الاقسام على الرئيسيه ا بشكل جميل 2014-010](https://servimg.com/r/3918996736/2014-010.png)
طريقة وضع الكود :
لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>index_box>>![[Template] كود الاقسام على الرئيسيه ا بشكل جميل Editer](https://2img.net/i/fa/admin/icones/editer.png)
*نبحث عن الكود التالي:
لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>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; }
ملحوظه:اذا كنت تريديها ان تظهر مثل التي في الصوره هنا
يجب عمل الاتي:لوحة الإدارة >> مظهر المنتدى >> الصفحة الرئيسية >> الهيكل و التراتب>> تعديل التراتب >> إظهار الصورة الرمزية للعضو بجوار اسمه في عمود "آخر مساهمة">>نعم
منقول للافادة وتم التعديل والترجمة من قبلي
وبهذا نكون انتهينا من شرح الكود التالي
بالتوفيق ليكم
