طلب اكواد ( تومبلايت )

اخواني اذا ممكن تشوفولي اكواد بحاجه لهم والي همه = كود أخر المواضيع + كود خانه المشرفين = بالتومبلايت + مع طريقه التركيب

و شكرا لكم

جاري اخي انتضر راح نعطيك الشرح بالصور يا غالي
انتضر ......

اخواني يومين و لم يتم مساعدتي لماذا ؟

اين الاكواد يا شباب ممكن

جاري يا اخي

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

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

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

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

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

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

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

class="forumline" width="100%" border="2" cellspacing="1"
cellpadding="0">

class="catLeft" height="25">
{L_RECENT_TOPICS}

align="center">

src="ضع هنا رابط الصوره التي ترغب ان تظهر كفاصل بين المواضيع"
alt="goweto_bilobed" />
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}

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
/>{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

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}

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

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

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

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

width="100%" border="2" cellspacing="1" cellpadding="0">

{L_RECENT_TOPICS}

align="center">

src="ضع هنا رابط الصوره التي ترغب ان تظهر كفاصل بين المواضيع"
alt="goweto_bilobed" />
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}

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
/>{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

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}

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

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

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

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

width="100%" border="2" cellspacing="1" cellpadding="0">

{L_RECENT_TOPICS}

direction="right">

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
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}

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
/>{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

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}

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

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

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

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

width="100%" border="2" cellspacing="1" cellpadding="0">

width="8%">
{L_RECENT_TOPICS}

direction="right">

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
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}

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
/>{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

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}

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

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

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

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

width="100%" border="2" cellspacing="1" cellpadding="0">

direction="right">

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
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}

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
/>{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

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}

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

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

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

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

width="100%" border="0" cellspacing="1" cellpadding="0">

direction="right">

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
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}

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
/>{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

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}

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

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

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

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

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

كود ورقة ال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;
}

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

width="90%" class="gowetobilobed2">

width="8%" class="gowetobilobed3">أخر المواضيع

align="center">

src="ضع هنا رابط الصوره التي ترغب ان تظهر كفاصل بين المواضيع"
alt="goweto_bilobed" />
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}

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
/>{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

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}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

انتضر البقية جاري

السلام
عليكم
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
سنشرح تعديل جميل في التمبلات يجعل منتداك قمة
في الروعة وهي جعل حقل المشرفون ضمت ايقونة ( صورة ) عند تقريب الماوس
تظهر نافذة صغيرة تعرض بها المشرفون على القسم ..
الشرح
بواسطة التمبلات للتعرف على خدمة التمبلات
ما هي
التومبلايت
و ما دورها؟
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

لمعاينة التطبيق :
هنا الشكل النهائي بعد وضع
الكود دون تقريب الماوس على الايقونة

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

وعند
تقريب الماوس يصبح الشكل كالتالي

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

-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

نبدأ بالشرح :

1- لوحة
الأدارة
2- مظهر المنتدى

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

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

4-
index_box
نضغط زر تعديل

5-

أضغط على CTRL + F

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

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

واستبدله
بالكود التالي
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]class="genmed">class="gensmall">

onmouseover="this.className = 'over';" onmouseout="this.className =
'';">

src="https://i.servimg.com/u/f65/14/75/40/08/10-06-10.gif"
alt="">

border="0" cellpadding="0"
cellspacing="1">

onmouseover='this.className="row2"' onmouseout='this.className="row1"'
width="100%">class="mod-text">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

dir="ltr" border="0" cellpadding="0"
cellspacing="0">