المواضيع الأخيرة
» [ Template ] كود اخر 20 موضوع و أفضل 10 أعضاء بلمنتدى و مع معرض لصور كالفي بيمن طرف naruto101 الجمعة ديسمبر 05, 2014 2:33 pm
» [Javascript]حصريا كود يقوم بتنبيه العضو بان رده قصير
من طرف احمد السويسي الخميس أغسطس 28, 2014 2:38 am
» نتائج شهادة البكالوريا 2014
من طرف menimeVEVO الثلاثاء يونيو 10, 2014 3:55 am
» من اعمالي موديلات جديدة وحصرية 2012
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 5:37 pm
» من ابداعات ساندرا،كما وعدتكم بعض من موديلاتها
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 4:49 pm
» قندوووووووورة جديدة تفضلواا
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 4:23 pm
» طلب صغير لو سمحتو
من طرف hothifa الإثنين ديسمبر 23, 2013 9:11 pm
» الان فقط وحصريا (استايل واند الالكتروني متعدد الالوان)
من طرف AGILIEDI الإثنين ديسمبر 23, 2013 8:34 pm
» جديد موديلات فساتين البيت بقماش القطيفة 2012 - تصاميم قنادر الدار بأشكال جديدة و قماش القطيفة - صور قنادر جزائرية
من طرف hadda32 الأحد ديسمبر 08, 2013 12:16 pm
» [Template] استايل منتدى سيدي عامر 2012
من طرف ßLẫĆҜ ĈĄŦ الأربعاء نوفمبر 20, 2013 6:46 pm
سحابة الكلمات الدلالية
شريط اخر المواضيع الرائع
2 مشترك
صفحة 1 من اصل 1
شريط اخر المواضيع الرائع
من طرف غريب بزماني الجمعة مايو 11, 2012 5:41 pm
صورة للكود بعد العمل
نتوكل علي الله ِ
نذهب الي الي :>
لوحة الادارة/عناصر إضافية/إدارة العناصر المستقلة على المنتدى
الإعدادات العامة للعناصر المستقلة على صفحات المنتدى
إظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى :نعم
عرض العمود 1 (اليمين) :999
عرض العمود 3 (اليسار) :180
الإرتفاع المتواجد بين عنصرين :3
الفضاء المتواجدة بين عمودين :1
نسحب عنصر اخر المواضيع في العمود اليمين ِ نتاكد انو مافيش اي عناصر جمبيه تاني شاهد الصورة
بعد ما ضغطنا علي زر التعديل في اخر المواضيع نعمل هذه الاعدادات
عدد المواضيع الأخيرة :10
تنشيط خاصية التتالي العمودي للمواضيع :لاء
اتجاه حركة المواضيع :الاعلي
علو الجدول الذي يحتوي على المواضيع :180
المدة الزمنية الفاصلة بين استعراضين :0
طول خطوات التتالي :0
كما في الصورة
والان اخر خطوتين
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب overall_header ونضغط عليه تعديل
ثم نبحث عن هذا الكود
ثم نحذفه
| الرمز: |
| <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> |
| الرمز: |
| <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> |
الخطوة الاخيرة
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > البوابة
نختار هذا القالب mod_recent_topics ونضغط عليه تعديل
نحذف كل القالب ونضع مكانه هذا
| الرمز: |
| <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://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png"> <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 --> |
..........
هاااااااام ِ اذا وجهتنا مشكلة في العرض علينا ان نقوم بعمل عنصر ونححط هذا الكود فيه
| الرمز: |
| <!--كود جعل العناصر متسواية --> </td> </tr> </tbody> </table> <!-- نهاية الكود--> |
اذا ظهرت مسافة في الكود نقوم بوضع هذا في ورقة css
| الرمز: |
| #right{ position: absolute; top: 5px;right: 5px; width: 18%; float: right; } |
ومبروك عليك الكود ِ ان شاء الله اكون وفقت في شرحي
اخوكم
غريب بزماني- عدد المساهمات : 503
نقاط : 1503
السٌّمعَة : 0
تاريخ التسجيل : 10/05/2012
العمر : 30
رد: شريط اخر المواضيع الرائع
من طرف elhabib89 الأحد مايو 27, 2012 5:17 pm
شكرا لك ياغالى
كود رائع
مزيد من عطائك الدائم
تقبل مرورى المتواضع
كود رائع
مزيد من عطائك الدائم
تقبل مرورى المتواضع
elhabib89- عدد المساهمات : 769
نقاط : 1082
السٌّمعَة : 1
تاريخ التسجيل : 24/05/2012
العمر : 32 -
مواضيع مماثلة» شريط اخر المواضيع كما الفي بي الأن على منتديات احلى منتدى حصريا من goweto bilobedوطريقة تركيبه بالصور
» الصالون المغربي الرائع
» تفاصيل التصميم البنفسجي الرائع
» حصرياً كود مجلة دريم توداي الرائع
» كود شريط BBC الإخباري بالعربية
» الصالون المغربي الرائع
» تفاصيل التصميم البنفسجي الرائع
» حصرياً كود مجلة دريم توداي الرائع
» كود شريط BBC الإخباري بالعربية
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى