السبت ديسمبر 08, 2018 3:48 pm #1
كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسيه بشكل جميل أسم العضو : أفندينا هل ترغب في التعليق على رسالة العضو أفندينا ؟
كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسيه بشكل جميل السلام عليكم ورحمة الله وبركاته اقدم اليكم كود جديد.. وظيقة الكود كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسه بشكل جميل طريقة وضع الكود : لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>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; }
ملحوظه:اذا كنت تريديها ان تظهر مثل التي في الصوره هنا يجب عمل الاتي:لوحة الإدارة >> مظهر المنتدى >> الصفحة الرئيسية >> الهيكل و التراتب >> تعديل التراتب >> إظهار الصورة الرمزية للعضو بجوار اسمه في عمود "آخر مساهمة">>نعم الى هنا انتهى الشرح الموضوع الاصلي : منتدى الدعم و المساعدة
تعليمات المشاركةلاتستطيع الرد على المواضيع في هذا المنتدى
كود HTML معطلة
إحصائيات المنتدى أفضل الاعضاء هذا الشهر أخر المشاركات