TEMPLATE >> صندوق اخر المواضيع العمودي

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



اهلا بأعضاء منتدى الدعم والمساعدة

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

بما ان الموضوع القديم تم حذفه او اخفاءه لا اعلم

المهم

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


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


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

ندخل اول شيء

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

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


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



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

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

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

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

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


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



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

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

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

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

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

نروح ل :

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

ونروح لقالب 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(http://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="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="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.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="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="25%">
    <span class="gensmall">
    <!-- BEGIN recent_topic_row -->
    <img src="http://vb.vip600.com/images/icons/red-star.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="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.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="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><!-- END recent_topic_row -->

    </td>
    </tr></table></td></tr></tbody></table>
    <!-- END classical_row -->



ونسجل ثم ننشر

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



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

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

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



منقول من منتدى الإبداع العربي