شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
Admin
الجنس : ذكر
عدد المساهمات عدد المساهمات : 6793
نقاط نقاط : 9901
السٌّمعَة السٌّمعَة : 6
تاريخ الميلاد : 20/05/1993
تاريخ التسجيل : 30/06/2013
الموقع : Algeria
معاينة صفحة البيانات الشخصي للعضوhttp://www.darisni.com

كود [Template] شريط اخر المواضيع الرائع 2012 من ... a7medvirus

في السبت 20 يونيو 2015 - 16:18


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

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


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




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



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

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

إظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى :نعم
عرض العمود 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: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
   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(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"><img src="http://illiweb.com/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="http://illiweb.com/fa/pbucket.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="http://illiweb.com/fa/pbucket.gif"
width="25%">
   <span class="gensmall">
   <!-- BEGIN recent_topic_row -->
   <img src="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: 17px;
background-repeat: repeat;" align="left"
background="http://illiweb.com/fa/pbucket.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://[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

  <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

الرمز:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى