(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... Empty20.05.12 16:00

(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...

رقم المشاركة : ( 1 )
مؤسس المنتدى
مؤسس المنتدى

رعد قبل المطر

إحصائيةالعضو

(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... Iraq110
ذكر
العمر : 37
عدد المساهمات : 2841
نقاط : 105855
1
رابط الموقعمنتديات همسات المطر
https://raad2.ahlamontada.com
مُساهمةموضوع: (تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


(تومبلايت) شريط اخر المواضيع الرائع 2012 ...


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

شريط اخر المواضيع الرائع 2012 من ... منتديات همسات المطر


صورة للكود بعد العمل




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

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

الإعدادات العامة للعناصر المستقلة على صفحات المنتدى
إظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى :نعم
عرض العمود 1 (اليمين) :999
عرض العمود 3 (اليسار) :180
الإرتفاع المتواجد بين عنصرين :3
الفضاء المتواجدة بين عمودين :1



نسحب عنصر اخر المواضيع في العمود اليمين ِ نتاكد انو مافيش اي عناصر جمبيه تاني شاهد الصورة

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

بعد ما ضغطنا علي زر التعديل في اخر المواضيع نعمل هذه الاعدادات
عدد المواضيع الأخيرة :10
تنشيط خاصية التتالي العمودي للمواضيع :لاء
اتجاه حركة المواضيع :الاعلي
علو الجدول الذي يحتوي على المواضيع :180
المدة الزمنية الفاصلة بين استعراضين :0
طول خطوات التتالي :0
كما في الصورة

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


والان اخر خطوتين
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب 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 -->
                                  </div>
                              </td>



نقوم بأستبداله بهذا الكود

الكود:
    <td valign="top" width="100%">
                                  <div id="center">
                                    <!-- 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://img816.imageshack.us/img816/9845/11750606.png" 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 -->




هاااااااام ِ اذا وجهتنا مشكلة في العرض علينا ان نقوم بعمل عنصر ونححط هذا الكود فيه


الكود:
        <!--كود جعل العناصر متسواية -->
        </td>
          </tr>
        </tbody>
        </table>
        <!-- نهاية الكود-->


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


اذا ظهرت مسافة في الكود نقوم بوضع هذا في ورقة css

الكود:
    #right{
    position: absolute;
    top: 5px;right: 5px;
    width: 18%;
    float: right;
    }


ومبروك عليك الكود ِ ان شاء الله اكون وفقت في شرحي



الموضوع الأصلي : (تومبلايت) شريط اخر المواضيع الرائع 2012 من ... // المصدر : منتديات همسات المطر //الكاتب: رعد قبل المطر


توقيع : رعد قبل المطر




(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... Empty03.06.12 16:26

(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...

رقم المشاركة : ( 2 )
نائب المدير
نائب المدير

الساهر

إحصائيةالعضو

العراق
ذكر
العمر : 37
عدد المساهمات : 21275
نقاط : 139260
2
https://raad2.ahlamontada.com/
مُساهمةموضوع: رد: (تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


ما شاء الله أبداع بلا حدود و بانتظار أبداعاتك القادمة

الموضوع الأصلي : (تومبلايت) شريط اخر المواضيع الرائع 2012 من ... // المصدر : منتديات همسات المطر //الكاتب: الساهر


توقيع : الساهر




(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... Empty05.06.12 23:41

(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...

رقم المشاركة : ( 3 )
مؤسس المنتدى
مؤسس المنتدى

رعد قبل المطر

إحصائيةالعضو

(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... Iraq110
ذكر
العمر : 37
عدد المساهمات : 2841
نقاط : 105855
1
رابط الموقعمنتديات همسات المطر
https://raad2.ahlamontada.com
مُساهمةموضوع: رد: (تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


شكرا لمروركم الطيب لموضوعي
تم تركيب شريط اخر المواضيع افقيآآآآ اجمل واحلى
تراتيل شكر من القلب

الموضوع الأصلي : (تومبلايت) شريط اخر المواضيع الرائع 2012 من ... // المصدر : منتديات همسات المطر //الكاتب: رعد قبل المطر


توقيع : رعد قبل المطر




(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... Empty10.11.12 20:34

(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...

رقم المشاركة : ( 4 )
الادارة العامة
الادارة العامة

مشاعر انثى

إحصائيةالعضو

انثى
العمر : 34
عدد المساهمات : 2704
نقاط : 102980
(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... P_455cb2pl1
5
مُساهمةموضوع: رد: (تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


جزاك الله كل خير اخي الكريم
ما شاء الله أبداع بلا حدود و بانتظار أبداعاتك القادمة

الموضوع الأصلي : (تومبلايت) شريط اخر المواضيع الرائع 2012 من ... // المصدر : منتديات همسات المطر //الكاتب: مشاعر انثى


توقيع : مشاعر انثى




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


(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... Empty11.11.12 1:04

(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...

رقم المشاركة : ( 5 )
عضو جديد
عضو جديد


إحصائيةالعضو

ذكر
العمر : 25
عدد المساهمات : 13
نقاط : 84013
(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... *******
مُساهمةموضوع: رد: (تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


شكراً علي الموضوع المميز والقيم

بارك الله فيك

لكم مني أجمل التحيات

ننتظر جديدك

الموضوع الأصلي : (تومبلايت) شريط اخر المواضيع الرائع 2012 من ... // المصدر : منتديات همسات المطر //الكاتب: ميرو السندباد


توقيع : ميرو السندباد




(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... Empty02.12.12 13:22

(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...

رقم المشاركة : ( 6 )
عضو متميز
عضو متميز


إحصائيةالعضو

ذكر
العمر : 26
عدد المساهمات : 118
نقاط : 84118
(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... *******
مُساهمةموضوع: رد: (تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


(تومبلايت) شريط اخر المواضيع الرائع 2012 من ...


الله يعطيك العافية على الموضوع المميز

الموضوع الأصلي : (تومبلايت) شريط اخر المواضيع الرائع 2012 من ... // المصدر : منتديات همسات المطر //الكاتب: شبح المنتديات


توقيع : شبح المنتديات





**

الــرد الســـريـع




**َ

 مواضيع مماثلة

-
» [شرح] اضافة شريط ملاحظات الادارة بـأسفل الـ Navbar شريط ملاحظات متحرك زهري
» كود اخر المواضيع القسم اسفل الموضوع تومبلايت
» عمل شريط اخر المواضيع /حصريآ
» كود شريط يتم وضع المواضيع المفضلة به
» اليوم شرحنا لموقع التغذية الرائع يساعد على نشر المواضيع بجوجل