محمد صبحي
رقم العضوية : 1 تاريخ التسجيل : 17/05/2016 المشاركات : 479 الدولة : مصر |
#1موضوع: صندوق اخر المواضيع العمودي السبت نوفمبر 18, 2017 4:50 pm | |
| في هذا الموضوع سأتطرق الى طريقة عمل صندوق اخر المواضيع العمودي
بما ان الموضوع القديم تم حذفه او اخفاءه لا اعلم
المهم
معاينة للنتيجة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ثابعو الشرح *************
ندخل اول شيء
لوحة الادارة // عناصر اضافية // البوابة والعناصر // إدارة العناصر المستقلة على المنتدى
ثم نعمل اعدادات العناصر مثل الصورة تماما
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الآن الخطوة الثانية :
نروح نضيف عنصر المواضيع الاخيرة الى العمود الايمن للعناصر
لعمل ذلك نبقى في : لوحة الادارة // عناصر اضافية // البوابة والعناصر // إدارة العناصر المستقلة على المنتدى
ثم ننزل تحت حتى نصل الى إضافة عناصر أصلية
ونعمل مثل الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعد اضافة العنصر
نروح لتعديل اعداداته بالضغط على صورة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الموجودة على عنصر اخر المواضيع المضاف
ثم نعمل الاعدادات مثل الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعد الانتهاء من هذي الخطوة
نروح ل :
لوحة الادارة // مظهر المنتدى // التومبلايت والقوالب // إدارة عامة
ونروح لقالب overall_header
ونبحث عن الكود التالي:
- الكود:
-
<td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 -->
ونستبدلو بالكود : - الكود:
-
<td valign="top" width="100%"> <div id="center"> <br><br> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td></tr><tr>
ونسجل التومبلايت ثم ننشر
واخيرا آخر خطوة
نروح ل :
لوحة الادارة // مظهر المنتدى // التومبلايت والقوالب // البوابة
نروح لقالب mod_recent_topics
ونحذف كل مافيه ونستبدله بالكود التلي
الكود - الكود:
-
<style> div.title { font-size: 12px; font-weight: bold; text-decoration: none; color: #fff; text-align:center; } </style> <!-- BEGIN classical_row --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3" align="center"><tbody> <thead><tr><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> <div class="ist">آخر المواضيع</div> </th></tr></thead> <tr> <td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"> <table border="0" cellpadding="0" cellspacing="0" colspan="3" width="100%">
<tr><td class="catHead" colspan="2" width="50%"> <div class="title"><font color="black">الموضوع</font></div> </td> <td class="catHead" colspan="1" width="25%"> <div class="title"><font color="black">تاريخ ارسال المشاركة</font></div> </td> <td class="catHead" colspan="1" width="25%"> <div class="title"><font color="black">بواسطة</font></div> </td></tr>
<tr valign="top"> <td colspan="1" style="border-top: 0px none; padding: 0px; background: transparent url(https://i11.servimg.com/u/f11/19/61/69/70/list10.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0" /></td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="right" background="https://i11.servimg.com/u/f11/19/61/69/70/listbg10.gif" width="50%">
<!-- BEGIN recent_topic_row --> <a href="{classical_row.recent_topic_row.U_TITLE}"><b><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></b></a><br />
<!-- END recent_topic_row --> </td> <td style="border-top: 0px none; padding: 0px; line-height: 16.5px; background-repeat: repeat;" align="center" background="https://i11.servimg.com/u/f11/19/61/69/70/listbg10.gif" width="25%"> <span class="gensmall"> <!-- BEGIN recent_topic_row --> <img src="https://i11.servimg.com/u/f11/19/61/69/70/red-st10.gif" width="16px" height="16px" /> {ON} {classical_row.recent_topic_row.S_POSTTIME} <br /><!-- END recent_topic_row --> </span> </td> <td style="border-top: 0px none; padding: 0px; line-height: 17px; background-repeat: repeat;" align="left" background="https://i11.servimg.com/u/f11/19/61/69/70/listbg10.gif" width="25%"> <!-- BEGIN switch_poster --> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a> <!-- END switch_poster --> <!-- BEGIN switch_poster_guest --> {classical_row.recent_topic_row.switch_poster_guest.S_POSTER} <!-- END switch_poster_guest --> <!-- BEGIN recent_topic_row --> <img src="https://i11.servimg.com/u/f11/19/61/69/70/star10.png"/> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.switch_poster.S_POSTER}</font></a> <br /><!-- END recent_topic_row -->
</td> </tr></table></td></tr></tbody></table> <!-- END classical_row -->
ونسجل ثم ننشر
الرابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
|
|