تومبيلات:مربع آخر المواضيع

باسم الله الرحمان الرحيم ............ السلام عليكم ورحمة الله تعالى وبركاته

اهلا بأعضاء المطور الاشهاري

في هذا الموضوع سأتطرق الى طريقة عمل صندوق اخر المواضيع العمودي

المهم

معاينة للنتيجة

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ثابعو الشرح
*************

ندخل اول شيء

لوحة الادارة // عناصر اضافية // البوابة والعناصر // إدارة العناصر المستقلة على المنتدى

ثم نعمل اعدادات العناصر مثل الصورة تماما

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الآن الخطوة الثانية :

نروح نضيف عنصر المواضيع الاخيرة الى العمود الايمن للعناصر

لعمل ذلك نبقى في : لوحة الادارة // عناصر اضافية // البوابة والعناصر // إدارة العناصر المستقلة على المنتدى

ثم ننزل تحت حتى نصل الى إضافة عناصر أصلية

ونعمل مثل الصورة

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

بعد اضافة العنصر

نروح لتعديل اعداداته بالضغط على صورة الموجودة على عنصر اخر المواضيع المضاف

ثم نعمل الاعدادات مثل الصورة

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

بعد الانتهاء من هذي الخطوة

نروح ل :

لوحة الادارة // مظهر المنتدى // التومبلايت والقوالب // إدارة عامة

ونروح لقالب overall_header

ونبحث عن الكود التالي:

الــرمــز: تحديد المحتوي
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">

{giefmod_index1.MODVAR}

<div style="height:{SPACE_ROW}px"></div>



ونستبدلو بالكود :

الــرمــز: تحديد المحتوي
<td valign="top" width="100%">
<div id="center">

<br><br>

{giefmod_index1.MODVAR}

<div style="height:{SPACE_ROW}px"></div>


</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>

<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://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="https://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="left" background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="50%">


<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>


</td>
<td style="border-top: 0px none; padding: 0px; line-height: 16.5px; background-repeat: repeat;" align="center" background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="25%">
<span class="gensmall">

<img src="http://vb.vip600.com/images/icons/red-star.gif" width="16px" height="16px" />
{ON} {classical_row.recent_topic_row.S_POSTTIME}
<br>
</span>
</td>
<td style="border-top: 0px none; padding: 0px; line-height: 17px; background-repeat: repeat;" align="left" background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="25%">

<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>


{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}


<img src="http://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.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>

</td>
</tr></table></td></tr></tbody></table>


ونسجل ثم ننشر

ومبروووووووووك الصندوق

الشرح تم بوسطتي cool amir

لكن الفكرة ليست فكرتي لحفظ الحقوق

واي مشكلة يمكنكم وضعها في اقسام المشاكل

تحياتي

» شريط آخر المواضيع مثل الفي بي تماماً
» استايل برق الاحترافي تومبيلات
» استايل تطويري ازرق حصري تومبيلات
» استايل تومبيلات رائع تطويرى تحويل منتدى التطوير العربى