منتديات فنون التطوير




شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
رئاسة الاشراف العام
عدد المساهمات : 71
تاريخ التسجيل : 08/06/2013
معاينة صفحة البيانات الشخصي للعضو

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

في الخميس يونيو 13, 2013 8:18 am
باسم الله الرحمان الرحيم ............ السلام عليكم ورحمة الله تعالى وبركاته



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

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

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

المهم

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


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


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


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

ندخل اول شيء

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

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


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


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

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

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

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

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

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


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


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


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

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

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


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


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

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

نروح ل :

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

ونروح لقالب 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://illiweb.com/fa/pbucket.gif)
no-repeat scroll center top; -moz-background-clip: border;
-moz-background-origin: padding; -moz-background-inline-policy:
continuous;" width="24"><img src="http://illiweb.com/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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.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 -->


ونسجل ثم ننشر

ومبروووووووووك الصندوق
avatar
ادراة المنتدى
ادراة المنتدى
ذكر عدد المساهمات : 190
تاريخ التسجيل : 30/04/2013
معاينة صفحة البيانات الشخصي للعضو

default _da3m_22

في الثلاثاء يوليو 16, 2013 6:33 am
موضوع رائع بوركت

avatar
عدد المساهمات : 19
تاريخ التسجيل : 16/07/2013
معاينة صفحة البيانات الشخصي للعضو

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

في الثلاثاء يوليو 16, 2013 10:58 pm
شكراً جزيلاً لك اخي على الكود المميز
بارك الله فيك وجعله في ميزان حسناتك

بانتظار جديد أكوـآدك
avatar
عدد المساهمات : 17
تاريخ التسجيل : 16/07/2013
معاينة صفحة البيانات الشخصي للعضو

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

في الثلاثاء يوليو 16, 2013 11:22 pm
شكرا لك
avatar
عدد المساهمات : 32
تاريخ التسجيل : 16/07/2013
معاينة صفحة البيانات الشخصي للعضو

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

في الأربعاء يوليو 17, 2013 12:38 am
موضوع رائع بوركت
avatar
ذكر عدد المساهمات : 36
تاريخ التسجيل : 17/07/2013
العمر : 65
الموقع : منتديات حميد العامري
معاينة صفحة البيانات الشخصي للعضوhttp://hameed.montadarabi.com

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

في الأربعاء يوليو 17, 2013 2:06 am
جهودك رائعة
جزيل الشكر والتقدير
بارك الله فيك
ننتظر جديدك
avatar
ادراة المنتدى
ادراة المنتدى
ذكر عدد المساهمات : 190
تاريخ التسجيل : 30/04/2013
معاينة صفحة البيانات الشخصي للعضو

default _da3m_13

في الأربعاء يوليو 17, 2013 6:46 am
موضوع رائع بوركت

avatar
عدد المساهمات : 2
تاريخ التسجيل : 17/07/2013
معاينة صفحة البيانات الشخصي للعضو

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

في الأربعاء يوليو 17, 2013 7:41 am
شكرا لك على الكود الجميل

بانتظار جديدك

لك مــنــــ (اجمل تحية)ـــى
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى