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


( اهلا بكل من شرفنا فى منتدى الياسمين )
 
الرئيسيةأحدث الصورالتسجيلدخول

منتديات الياسمين:: اغانى-افلام عربى-افلام اجنبى-اسلاميات-العاب-برامج- :: دعم و تطوير منتديات أحلى منتدى :: أكواد التومبلايت
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
دربكة
المدير العام
المدير العام
دربكة


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

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

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

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

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

الجنس الجنس : ذكر

تاريخ الميلاد تاريخ الميلاد : 03/11/1990

عدد المساهمات عدد المساهمات : 3048

تاريخ التسجيل تاريخ التسجيل : 03/09/2009

العمر العمر : 33

الموقع الموقع : asd2406

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


[تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى من منتديات قويتو بالعبيد Empty
مُساهمةموضوع: [تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى من منتديات قويتو بالعبيد   [تومبيلات] كود شريط اخر المواضيع الافقي 2011 لاحلى منتدى من منتديات قويتو بالعبيد Icon_minitimeالثلاثاء أغسطس 23, 2011 10:10 pm
السلام عليكم ورحمة الله وبركاتة
اهلا بالجميع
كما يعرف الكل اول كود لشريط
افقي لاحلى المنتديات كان من تعديلى الخاص
والان قمت بعمل تعديل كامل على الكود
بحيث لم يعد يحتاج للجافا سكربت لعملة هذا اولا
وثانيا فهو خفيف على المتصفحات
وتم تجريبة على اكثر من متصفح ويعمل بنجاح
ثالثا تم عمل الكود باكثر من شكل
ليناسب طلبات الجميع

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



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


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


لعمل ذلك
نذهب الي
لوحة التحكم
مظهر المنتدى
تومبيلات

البوابة
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



الرمز:
<!-- 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
-->


--------------------------------------

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

[تومبيلات] كود شريط اخر المواضيع الافقي 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>


او
الرمز:
</td>

</tr>
</table>
</div>


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


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

وخصوصا كود الدخول السريع او بيانات العضو

مواضعي مهمة لاتنسى المرور
عليها

كيفية التعديل على التومبيلات خطوة بخطوة بالصور حصريا
من قويتو بالعبيد

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



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

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