| موضوع: كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسه بشكل جميل الإثنين 22 يونيو 2015 - 21:28 | |
| بسم الله الرحمن الرحيم السلام عليكم اخواني واخواتي اقدم اليكم كود جديد.. وظيقة الكود كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسه بشكل جميل صوره للكود:
طريقة وضع الكود :لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>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; } ملحوظه:اذا كنت تريديها ان تظهر مثل التي في الصوره هنا يجب عمل الاتي:لوحة الإدارة >> مظهر المنتدى >> الصفحة الرئيسية >> الهيكل و التراتب >> تعديل التراتب >> إظهار الصورة الرمزية للعضو بجوار اسمه في عمود "آخر مساهمة">>نعم منقول للافادة وتم التعديل والترجمة من قبلي وبهذا نكون انتهينا من شرح الكود التاليبالتوفيق ليكم |
|