منتدى العرب
[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا [تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى 829894
ادارة المنتدي [تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى 103798
منتدى العرب
[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا [تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى 829894
ادارة المنتدي [تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى 103798



 
الرئيسيةأحدث الصورالتسجيلدخول
قوانين المنتدىإنظم لفريق عملناإربح من النتالمكتبة الإلكترونيةمعرض الإستيلاتBAC 2012BEM 2012الكرة الجزائريةالكرة الأروبية
أهلا وسهلا بك يا نتمنى قضاء افضل الاوقات في ربوع منتديات العرب
اذا كنت زائر فتفضل بالتسجيل من هنا اما اذا كنت من اعضائنا الاعزاء فتفضل بالدخول من هنا


حفظ البيانات؟
  الرئيسية المنتديات مكتبة الصور قائمة الأعضاء بحث اتصل بنا سؤال وجواب التسجيل دخول
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
حصري عمل احصائيات للقسم مثل الفي بي تماما .
(تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة
(تـومبلـايت) وضع اسماء وا الوصف الفئات في ايطار تلقائي كالفيبى
[تومبلايت] وضع ايطار الأدوات الاشراف مثل الفي بي من
تومبيلات كود وضع ملاحظات تحت المرفقات مثل الفي بي
كود خانة المشرفين الاحترافية مع ايقونة شغال 100/100
[تومبلايت] جعل اخر مشاركة متحركة ومطورة بتقنية css ..
كود [ jQuery ] كود جافا وضع ايقونه بحث لقوقل بجانب عناوين المواضيع
(تومبلايت) شريط اخر المواضيع الرائع 2012
كود لوضع اكثر من استايل مميز وحصري على منتدى العرب ..
2014-08-19, 17:56
2014-08-06, 19:33
2013-08-05, 00:08
2013-08-04, 22:05
2013-08-04, 22:02
2013-06-05, 08:50
2013-06-05, 08:36
2013-03-05, 02:38
2013-02-18, 17:55
2012-08-19, 17:52











شاطر | 
 

 [تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
~> lamrisif <~
lamrisif
عدد المساهمات : 573
نقاط : 1743
تاريخ الميلاد : 11/09/1993
العمر : 30
http://www.seyf-educ.com/
[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Empty
موضوع: [تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى [تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى I_icon_minitime2011-07-28, 11:52

السلام عليكم ورحمة الله وبركاتة
اهلا بالجميع
كما يعرف الكل اول كود لشريط افقي لاحلى المنتديات كان من تعديلى الخاص
والان قمت بعمل تعديل كامل على الكود بحيث لم يعد يحتاج للجافا سكربت لعملة هذا اولا
وثانيا فهو خفيف على المتصفحات وتم تجريبة على اكثر من متصفح ويعمل بنجاح
ثالثا تم عمل الكود باكثر من شكل ليناسب طلبات الجميع

الكود متوفر للجميع
وكلمة شكر تدفعنا لمحاولة توفير المزيد من الاكواد



ولكن لا نحلل ابدا من يقوم بالغاء حقوقنا من الكود عند نقلة او نسب التعديلات لنفسة
فهذا حق مكتسب فكل ماترونة نتاج ايام وايام من المحاولات


الاكواد جميعها تتطلب استبدال القالب بالكامل بالكود الخاص بالشريط الذي ترغب بتركيبة


لعمل ذلك نذهب الي
لوحة التحكم
مظهر المنتدى
تومبيلات
البوابة
mod_recent_topics آخر المواضيع
نضغط على الزر [تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Editer
ثم نقوم بتحديد الكود بالكامل ونحذفة
بعدها ضع الكود المناسب للشريط الذي ترغب بوضعة


الشكل الاول للشريط


[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Goweto10
الكود:

 <!-- BEGIN scrolling_row -->

<div align="center"><table class="forumline" width="100%" border="2" cellspacing="1" cellpadding="0">
  <tbody><tr>
      <td class="catLeft" height="25">
        <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
  </tr>
  <tr>
      <td class="row1" align="center">
<marquee direction="right"> 
        <!-- BEGIN recent_topic_row -->
 
                    <img src="ضع هنا رابط الصوره التي ترغب ان تظهر
كفاصل بين المواضيع" alt="goweto_bilobed" /><a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

        <!-- BEGIN switch_poster -->
 
        <a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
        <!-- END switch_poster -->
        <!-- BEGIN switch_poster_guest -->
        <!-- END switch_poster_guest -->
        <!-- END recent_topic_row -->
                </marquee> 
              </td>
  </tr>
</table></div>
<!-- END scrolling_row -->


الشكل الثاني للشريط

[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Goweto11
الكود:


<!-- BEGIN scrolling_row -->

<div align="center"><table  width="100%" border="2" cellspacing="1" cellpadding="0">
  <tbody><tr>
      <td border="2" height="25">
        <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
  </tr>
  <tr>
      <td border="2" align="center">
<marquee direction="right"> 
        <!-- BEGIN recent_topic_row -->
 
                    <img src="ضع هنا رابط الصوره التي ترغب ان تظهر
كفاصل بين المواضيع" alt="goweto_bilobed" /><a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

        <!-- BEGIN switch_poster -->
 
        <a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
        <!-- END switch_poster -->
        <!-- BEGIN switch_poster_guest -->
        <!-- END switch_poster_guest -->
        <!-- END recent_topic_row -->
                </marquee> 
              </td>
  </tr>
</table></div>
<!-- END scrolling_row -->


الشكل الثالث للشريط

[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Goweto12


الكود:

<!-- BEGIN scrolling_row -->

<div align="center"><table  width="100%" border="2" cellspacing="1" cellpadding="0">
  <tbody><tr>
      <td border="2" width="8%">
        <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
      <td border="2" align="center">
<marquee direction="right"> 
        <!-- BEGIN recent_topic_row -->
 
                    <img src="ضع هنا رابط الصوره التي ترغب ان تظهر
كفاصل بين المواضيع" alt="goweto_bilobed" /><a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

        <!-- BEGIN switch_poster -->
 
        <a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
        <!-- END switch_poster -->
        <!-- BEGIN switch_poster_guest -->
        <!-- END switch_poster_guest -->
        <!-- END recent_topic_row -->
                </marquee> 
              </td>
  </tr>
</table></div>
<!-- END scrolling_row -->



الشكل الرابع للشريط

[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Goweto13
الكود:

[table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"][tr][td]
[/td][/tr][tr][td class="code"]<!-- BEGIN scrolling_row -->

<div align="center"><table  width="100%" border="2" cellspacing="1" cellpadding="0">
  <tbody><tr>
      <td class="catLeft" border="2" width="8%">
        <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
      <td border="2" align="center">
<marquee direction="right"> 
        <!-- BEGIN recent_topic_row -->
 
                    <img src="ضع هنا رابط الصوره التي ترغب ان تظهر
كفاصل بين المواضيع" alt="goweto_bilobed" /><a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

        <!-- BEGIN switch_poster -->
 
        <a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
        <!-- END switch_poster -->
        <!-- BEGIN switch_poster_guest -->
        <!-- END switch_poster_guest -->
        <!-- END recent_topic_row -->
                </marquee> 
              </td>
  </tr>
</table></div>
<!-- END scrolling_row -->
[/td][/tr][/table]



الشكل الخامس للشريط

[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Goweto14
الكود:

<!-- BEGIN scrolling_row -->

<div align="center"><table  width="100%" border="2" cellspacing="1" cellpadding="0">
  <tbody><tr>
      <td border="2" align="center">
<marquee direction="right"> 
        <!-- BEGIN recent_topic_row -->
 
                    <img src="ضع هنا رابط الصوره التي ترغب ان تظهر
كفاصل بين المواضيع" alt="goweto_bilobed" /><a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

        <!-- BEGIN switch_poster -->
 
        <a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
        <!-- END switch_poster -->
        <!-- BEGIN switch_poster_guest -->
        <!-- END switch_poster_guest -->
        <!-- END recent_topic_row -->
                </marquee> 
              </td>
  </tr>
</table></div>
<!-- END scrolling_row -->


الشكل السادس للشريط

[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Goweto15

الكود:


<!-- BEGIN scrolling_row -->

<div align="center"><table  width="100%" border="0" cellspacing="1" cellpadding="0">
  <tbody><tr>
      <td border="0" align="center">
<marquee direction="right"> 
        <!-- BEGIN recent_topic_row -->
 
                    <img src="ضع هنا رابط الصوره التي ترغب ان تظهر
كفاصل بين المواضيع" alt="goweto_bilobed" /><a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

        <!-- BEGIN switch_poster -->
 
        <a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
        <!-- END switch_poster -->
        <!-- BEGIN switch_poster_guest -->
        <!-- END switch_poster_guest -->
        <!-- END recent_topic_row -->
                </marquee> 
              </td>
  </tr>
</table></div>
<!-- END scrolling_row -->


الشكل السابع للشريط

[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Goweto16
وهذا يتكون من كودين
كود التومبيلات
وكود السي سي

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

كود ورقة الcss

الكود:

 .gowetobilobed2 {
  border-style: solid;
  border-width: 1px 5px 1px 5px;
  border-color: #ضع هنا لون مناسب للاطار;
  background: none repeat scroll 0 0;
  margin-top: 1px;
  padding: 1px;
  background-color: #ضع هنا لون مناسب للخلفية;
}
.gowetobilobed3 {
  border-color: #ضع لون للفاصل بين كلمة اخر المواضيع والشريط;
  border-left-width: 2px;
  border-left-style: solid;
}


كود التومبيلات

الكود:

<!-- BEGIN scrolling_row -->
<body>
<div align="center">
<table width="90%" class="gowetobilobed2">
<tbody><tr>
<td width="8%" class="gowetobilobed3">أخر المواضيع</td>
<td align="center">
<marquee direction="right"> 
        <!-- BEGIN recent_topic_row -->
 
                    <img src="ضع هنا رابط الصوره التي ترغب ان تظهر
كفاصل بين المواضيع" alt="goweto_bilobed" /><a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 href="{scrolling_row.recent_topic_row.U_TITLE}"
title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

        <!-- BEGIN switch_poster -->
 
        <a
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 
href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
        <!-- END switch_poster -->
        <!-- BEGIN switch_poster_guest -->
        <!-- END switch_poster_guest -->
        <!-- END recent_topic_row --></marquee> 
              </td>
  </tr>
</table></div>
<!-- END scrolling_row -->


ليظهر الشريط اعلى المواضيع عليك القيام بالتالي

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

عليك اولا ان تتاكد من عدم وجود اي عنصر على العمود 1 (اليمين)

[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Goweto17

ثانيا قوم بتفعيل العناصر واجعل المقاس الخاص بالعنصر العمود 1 (اليمين) : 1
واضغط سجل ملاحظة سيعود عرض العنصر للرقم 180 لامشكلة اكمل الخطوات

ثالثا سنقوم باضافة العنصر اخر المواضيع باستخدام
إضافة عناصر أصلية
وستنختار للخيار العناصر : اخر المواضيع
المكان : العمود 1
الصلاحيات : نجعلها للمدير الان حتي ننتهي من تركيب الكود بشكل صحيح
حتي لايرى الاعضاء مانقوم بة حتي انتهاء التركيب بالكامل
ومن ثم نضغط اضافة عنصر

[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Goweto18

الان الشريط ظهر ولكن على يمين المنتدى
نقوم بعمل الخطوة الخاصة بتعديل مقاس العنصر مره اخري ونضع الرقم 1 لعرض العنصر ونضغط سجل

الان الشريط ظهر اعلى المنتدى ولكنة صغير جدا جدا
لذا نقوم بتعديل مقاس العنصر مره اخري ونضع الرقم 999

[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى Goweto19

وعندها سيكون الشريط مناسب لحجم المنتدى

لاتنسى الان تعديل صلاحيات شريط اخر المواضيع ليظهر للاعضاء والزوار والمشرفين



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

الكود:
</td>
</tr>
</table>


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


ملاحظة اخري لمن يرغب باضافة اي اكواد اخري بعد اضافة شريط اخر المواضيع
دائما لا تضيف الكود الجديد اسفل شريط المواضيع لانة لن يظهر بشكل صحيح
ضعة دائمة فوق الشريط وسيعمل بسهولة
وخصوصا كود الدخول السريع او بيانات العضو








الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.seyf-educ.com/
 

[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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

-
» تومبيلات كود حذف افضل الاعضاء + الساهمات+ الكوكيز +افضل المشاركات+افضل المواضيع لسعة المنتدي
»  (تومبلايت) شريط اخر المواضيع الرائع 2012
» شريط اخر المواضيع والمشاركات في الصفحة الرئسية الاصدار 4.1
» كود [JavaScript ] بالونات تتطاير في المنتدى لاحلى منتدى
» كود [ jQuery ] خاص للتنبيه بوجود رساله جدده لاحلى منتدى

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى العرب  :: منتديات تطوير المواقع والمنتديات :: منتديات التطوير والمساعدة :: منتدى تطوير phpBB 1. 2. 3 :: ركن أكواد template التومبيلات-