شريط اخر المواضيع الرائع 2012 من ... younes zit

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

شريط اخر المواضيع الرائع 2012 من ... younes zit


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





تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


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



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

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



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


تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


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



تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.



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

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

الرمز:
	{giefmod_index1.MODVAR}

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

الرمز:
	{giefmod_index1.MODVAR}

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

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

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

الرمز:

div.title { font-size: 12px; font-weight: bold; text-decoration: none; color: #fff; text-align:center; } <table class="forumline" align="center" border="0" cellpadding="3" cellspacing="1" width="100%"><tr> آخر المواضيع </tr><tr><td style="padding: 0px; -moz-background-clip: border;" width="100%"> <table colspan="3" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="catHead" colspan="2" width="50%"> الموضوع </td><td class="catHead" colspan="1" width="25%"> تاريخ ارسال المشاركة </td><td class="catHead" colspan="1" width="25%"> بواسطة </td></tr><tr valign="top"><td colspan="1" style="border-top: 0px none; padding: 0px; -moz-background-clip: border;" width="24"> width="24" border="0"></td><td style="border-top: 0px none; line-height: 20px; background-repeat: repeat;"> align="left" background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="50%"> href="{classical_row.recent_topic_row.U_TITLE}"> style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE} </td><td style="border-top: 0px none; padding: 0px; background-repeat: repeat;" align="center"> background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="25%"> {ON} {classical_row.recent_topic_row.S_POSTTIME} </td><td style="border-top: 0px none; padding: 0px; line-height: 17px;" align="left"> background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="25%"> href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER} {classical_row.recent_topic_row.switch_poster_guest.S_POSTER} <img> src="http://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png"> href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"> style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.switch_poster.S_POSTER} </td></tr></table></td></tr></table>

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

الرمز:

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


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

الرمز:

#right{ position: absolute; top: 5px;right: 5px; width: 18%; float: right; }

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

unes zit

شكر على الكود المميزه
نتمنى منك المزيد من الاكواد المميزه

احسنت موضوع رائع

موضوع رائع شكرا لك واصل

موضوع في غاية الروعة

تسلم على الكود الرائع اخي الكريم

واصل على هذا المجهود الرائع

تقبل مروري

تحياتي

مشكور على الكود الرائع اخى الكريم

شكرا

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

شكرا ع الموضوع المميز و الاكثر من رائع
جزاك لله خيرا ع هذا الموضوع المميز
و سلمت اناملك المبدعة الفنانة
اخوكم نادر

yhnx

مشكور يا غالي على اللكود وبالتوفيق لك

شكراً