منتدى السلسبيل علم ومعرفة وابداع
عزيزي الزائر / عزيزتي الزائرة منتَدَاكمً مُنتَدَى السلسبيل  يُرَحبُ بكـُمً .. إنً كنتَ تَرغَب في الإنضمَامً إلى أسًرَة المنتَدَى سَنتَشَرَفُ بتَسًجيلَكَ .. فَمرُحَبا بالزَائرينَ , وَ العَابرينَ , وَ الأصدقَاء , واَ لأعضَاءَ , بالطَيبينَ وَ الطَيبَات .. وَ بكًل مَن يَثًرَى , أوً تَثُرَى المًنتَدَى بالحِوَارً , وَ المُنَاقَشةَ , وَ المسَاهَمَاتً المُفيدَةَ .. فَلَيًسَ للبُخَلاَء بالمَعرفَة مَكَانُُ هُنَا  .سَاهمَ / سَاهٍمي بكَلمَة طَيبَة , أوً مَقَالً , أوً لَوًحَة , أوً قَصيدَة , أوً فِكرَة , أوً رَأي , أوً خْبرَة تَدفَعً حَيَاتُنَا للأمَامً ... تحيَآت إدَارَة #منتَدَى السلسبيل
اضغط

منتدى السلسبيل علم ومعرفة وابداع
عزيزي الزائر / عزيزتي الزائرة منتَدَاكمً مُنتَدَى السلسبيل  يُرَحبُ بكـُمً .. إنً كنتَ تَرغَب في الإنضمَامً إلى أسًرَة المنتَدَى سَنتَشَرَفُ بتَسًجيلَكَ .. فَمرُحَبا بالزَائرينَ , وَ العَابرينَ , وَ الأصدقَاء , واَ لأعضَاءَ , بالطَيبينَ وَ الطَيبَات .. وَ بكًل مَن يَثًرَى , أوً تَثُرَى المًنتَدَى بالحِوَارً , وَ المُنَاقَشةَ , وَ المسَاهَمَاتً المُفيدَةَ .. فَلَيًسَ للبُخَلاَء بالمَعرفَة مَكَانُُ هُنَا  .سَاهمَ / سَاهٍمي بكَلمَة طَيبَة , أوً مَقَالً , أوً لَوًحَة , أوً قَصيدَة , أوً فِكرَة , أوً رَأي , أوً خْبرَة تَدفَعً حَيَاتُنَا للأمَامً ... تحيَآت إدَارَة #منتَدَى السلسبيل
اضغط

منتدى السلسبيل علم ومعرفة وابداع
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


اكبرملتقى للجزائرين والعرب يقدم كل مايتعلق بالعلم والمعرفة, ثقافة, اسلاميات, مسابقات, ترفيه, تسلية,دردشة, رياضة, صحة,تطوير مواقع, اكواد,استايلات, تصاميم
 
الرئيسيةالرئيسية  البوابةالبوابة  المنشوراتالمنشورات  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  طريقة التسجيل  دخولدخول  

هام: مطلوب فريق ومشرفين اقسام للمنتدى رشح نفسك من هنا

من هنا

 

  شريط اخر المواضيع تومبلايت

اذهب الى الأسفل 
كاتب الموضوعرسالة
معلومات العضو
albarçaloni
مؤسس المنتدى

albarçaloni
 شريط اخر المواضيع  تومبلايت Algeri10
ذكر
عدد المساهمات : 915
السٌّمعَة : 0
نقاط : 2684
 شريط اخر المواضيع  تومبلايت 110
وسام العضو : وسام لادارة

معلومات الاتصال
https://mentada-selsabil.alafdal.net
مُساهمةموضوع: شريط اخر المواضيع تومبلايت    شريط اخر المواضيع  تومبلايت Emptyالثلاثاء أكتوبر 29, 2013 6:41 pm

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

شريط اخر المواضيع الرائع 2012 


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




نتوكل علي الله ِ



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

الإعدادات العامة للعناصر المستقلة على صفحات المنتدى

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




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



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




والان اخر خطوتين
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب overall_header ونضغط عليه تعديل 

ثم نبحث عن هذا الكود
ثم نحذفه



الرمز:
الرمز:
[ltr]<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>[/ltr]
نقوم بأستبداله بهذا الكود

الرمز:
الرمز:
[ltr]<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>[/ltr]


الخطوة الاخيرة 
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > البوابة

نختار هذا القالب mod_recent_topics ونضغط عليه تعديل 

نحذف كل القالب ونضع مكانه هذا


الرمز:
الرمز:
[ltr]    <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://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%">

    <!-- 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://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"
 width="25%">
    <span class="gensmall">
    <!-- BEGIN recent_topic_row -->
    <img src="https://2img.net/r/ihimizer/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="https://2img.net/h/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://[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
 
  <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 -->[/ltr]

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


الرمز:
الرمز:
[ltr]<table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td class="code" align="left"><!--كود جعل العناصر متسواية -->
    </td>
      </tr>
    </tbody>
    </table>
    <!-- نهاية الكود-->
</td></tr></table>[/ltr]



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

الرمز:
الرمز:
[ltr]<table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td class="code" align="left">#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}

</td></tr></table>[/ltr]

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




شركة عرب سوفت التطويرية 


عزيزي الزائر / عزيزتي الزائرة منتَدَاكمً مُنتَدَى السلسبيل  يُرَحبُ بكـُمً .. إنً كنتَ تَرغَب في الإنضمَامً إلى أسًرَة المنتَدَى سَنتَشَرَفُ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] .. فَمرُحَبا بالزَائرينَ , وَ العَابرينَ , وَ الأصدقَاء , واَ لأعضَاءَ , بالطَيبينَ وَ الطَيبَات .. وَ بكًل مَن يَثًرَى , أوً تَثُرَى المًنتَدَى بالحِوَارً , وَ المُنَاقَشةَ , وَ المسَاهَمَاتً المُفيدَةَ .. فَلَيًسَ للبُخَلاَء بالمَعرفَة مَكَانُُ هُنَا  .سَاهمَ / سَاهٍمي بكَلمَة طَيبَة , أوً مَقَالً , أوً لَوًحَة , أوً قَصيدَة , أوً فِكرَة , أوً رَأي , أوً خْبرَة تَدفَعً حَيَاتُنَا للأمَامً ... تحيَآت إدَارَة 

#منتَدَى السلسبيل





div align="center">
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
yazen
فريق الادارة

yazen
 شريط اخر المواضيع  تومبلايت Algeri10
ذكر
عدد المساهمات : 421
السٌّمعَة : 13
نقاط : 974
 شريط اخر المواضيع  تومبلايت 111010
وسام العضو : افضل مصمم

معلومات الاتصال
https://mentada-selsabil.alafdal.net/
مُساهمةموضوع: رد: شريط اخر المواضيع تومبلايت    شريط اخر المواضيع  تومبلايت Emptyالأحد أبريل 05, 2020 5:08 am

شكرااا


 شريط اخر المواضيع  تومبلايت Sigpic10
div align="center">
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
منصورة
عضو جديد

منصورة
 شريط اخر المواضيع  تومبلايت Algeri10
انثى
عدد المساهمات : 17
السٌّمعَة : 0
نقاط : 17
 شريط اخر المواضيع  تومبلايت 110
معلومات الاتصال
مُساهمةموضوع: رد: شريط اخر المواضيع تومبلايت    شريط اخر المواضيع  تومبلايت Emptyالأربعاء مايو 13, 2020 11:41 pm

بارك الله فيك
وجزاك الله خير الجزاء
على هذا الكود
مع كل الشكر والتقدير
div align="center">
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
King boy
عضو نشيط

King boy
 شريط اخر المواضيع  تومبلايت Morocc10
ذكر
عدد المساهمات : 302
السٌّمعَة : 6
نقاط : 357
 شريط اخر المواضيع  تومبلايت 110
معلومات الاتصال
مُساهمةموضوع: رد: شريط اخر المواضيع تومبلايت    شريط اخر المواضيع  تومبلايت Emptyالخميس يونيو 04, 2020 3:41 pm

موضوع رائع شكرا لك بارك الله فيك واصل
div align="center">
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
شريط اخر المواضيع تومبلايت
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى السلسبيل علم ومعرفة وابداع :: قسم تطوير المواقع (اكواد HTML.CSS.JAVA) :: قسم تطوير المنتديات و المواقع :: أكواد التومبلايت-
انتقل الى: