منتديات علم سوفت
عزيزي الزائراهلا بك في منتدي علم سوفت نسعد بتسجيلك معنا لتكون احد اعضاء منتدانا الغالي


منتديات علم سوفت
 
الرئيسيةالرئيسية  اليوميةاليومية  المنشوراتالمنشورات  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

  شرح عمل كود اخر المواضيع اعلى الصفحه

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

الدولة الدولة :
الهوايه الهوايه :
المزاج المزاج :
الجنس : ذكر
عدد المساهمات : 2105
نقاط : 4340
السٌّمعَة : 4
تاريخ الميلاد : 05/08/1995
تاريخ التسجيل : 18/02/2015
العمر : 23

مُساهمةموضوع: شرح عمل كود اخر المواضيع اعلى الصفحه   الإثنين يونيو 22, 2015 12:02 pm

د: اخواني ممكن اخر مواضيع اعلى الصفحه تومبيلات



 من طرف {Lone~Wolf} اليوم في 13:05
مرحبا اخى

تفضل

شريط اخر المواضيع
صورة للكود بعد العمل 



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



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

الإعدادات العامة للعناصر المستقلة على صفحات المنتدى

إظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى :نعم
عرض العمود 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 ونضغط عليه تعديل 
[size=20]
نحذف كل القالب ونضع مكانه هذا


[/size]




الكود:
<style>div.title {font-size: 20px;font-weight: bold;text-decoration: none;color: #000000;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)nonerepeat 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: transperanturl(http://illiweb.com/fa/pbucket.gif)no-repeat scroll center top; -moz-background-clip:border;-moz-background-origin: padding; -moz-background-inline-policy:continuous;" width="24"><imgsrc="http://illiweb.com/fa/empty.gif"width="24" border="0"></td><td style="border-top: 0pxnone;padding: 0px; line-height: 20px; background-repeat:repeat;"align="center"background="http://illiweb.com/fa/pbucket.gif"width="50%"> <!-- BEGIN recent_topic_row --> <a href="{classical_row.recent_topic_row.U_TITLE}"><b><fontstyle="font-family: Times New Roman; 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:20px; background-repeat: repeat;" align="center"background="http://illiweb.com/fa/pbucket.gif"width="25%"><span class="gensmall"><!-- BEGIN recent_topic_row --><imgsrc="http://img816.imageshack.us/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: 20px;background-repeat: repeat;" align="center"background="http://illiweb.com/fa/pbucket.gif"width="25%"><!-- BEGIN switch_poster -->{ON} {classical_row.recent_topic_row.switch_poster.S_POSTER}<!-- END switch_poster --><!-- BEGIN switch_poster_guest -->{ON} {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}<!-- END switch_poster_guest --><!-- BEGIN recent_topic_row --> <imgsrc="http://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png"> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><fontstyle="font-family: Times New Roman; 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 -->


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

[/size][/size]




الكود:
<!--كود جعل العناصر متسواية -->    </td>      </tr>    </tbody>    </table>    <!-- نهاية الكود-->


[size=20][size=20]م/ن[/size][/size]




  • أهلا بكم في منتداكم:- منتديات علم سوفت-:
  • يمنع وضــع مواضيع بغير مكانها الصحيح .
  • الرجاء قراءة قوانين المنتدي والقوانين الخاصة بالاقسام قبل الكتابة بها .
  • -(( لو لم تلقى منى ما تريد))- * توجه هنــــــــــــــــــا.
  • عدم ردي على أي موضوع لك لايعني أني لم أرغب بالرد عليك وإنما الوقت محدود بالنسبه لي لظروفي الشـــخـصـيــــــه والعمل وأعباء أخرى لايعلمها غير ربي .
    لطلبات الدعم الفنى هنــــــــــــــــــــــا










الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://almsoft.sudanforums.net
أبـوأحمد
عضو فعال
عضو فعال
avatar

الدولة الدولة :
الهوايه الهوايه :
المزاج المزاج :
الجنس : ذكر
عدد المساهمات : 152
نقاط : 158
السٌّمعَة : 0
تاريخ الميلاد : 05/07/1978
تاريخ التسجيل : 07/10/2015
العمر : 40

مُساهمةموضوع: رد: شرح عمل كود اخر المواضيع اعلى الصفحه   الخميس أكتوبر 08, 2015 12:49 am

تسلم على الموضوع المميز
جزاك الله خير الجزاء  
كل الشكر والتقدير
في انتظار جديدك بكل شوق
لك مني ارق تحيه

Cool


سبحان الله وبحمده عدد خلقه ورضا نفسه وزة عرشة ومداد كلماته , سبحان الله العظيم
ytro
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://free-progrms.blogspot.com/
 
شرح عمل كود اخر المواضيع اعلى الصفحه
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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