hits counter
الرئيسيةأحدث الصورالتسجيلدخول
دعم شباب الآن: لدينا 8245 موضوع ، و 2004 عضو ، آخر عضو مسجل : عبدو فمرحباُ به.



صندوق اخر المواضيع بشكل حصري وجديد
THE QM
THE QM
إدارة الموقع
 
المشاركات : 7659
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22
موضوع: صندوق اخر المواضيع بشكل حصري وجديد



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

شريط اخر المواضيع الرائع 2012 من ... a7medvirus
صندوق اخر المواضيع بشكل حصري وجديد 3k03pmnzp9dlalvedbrc

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





تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
صندوق اخر المواضيع بشكل حصري وجديد Latest10

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

صندوق اخر المواضيع بشكل حصري وجديد 3k03pmnzp9dlalvedbrc

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

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

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


صندوق اخر المواضيع بشكل حصري وجديد 3k03pmnzp9dlalvedbrc

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


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
صندوق اخر المواضيع بشكل حصري وجديد Settin10

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

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
صندوق اخر المواضيع بشكل حصري وجديد Settin11


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

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

الكود:
<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>


الكود:
<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 ونضغط عليه تعديل صندوق اخر المواضيع بشكل حصري وجديد Editer

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


الكود:
<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(http://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="http://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="http://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="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.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://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>
    <!-- نهاية الكود-->



صندوق اخر المواضيع بشكل حصري وجديد Aseer510

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

الكود:
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}


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

احمد

صندوق اخر المواضيع بشكل حصري وجديد 744849

التعليقات
Fouadbiskra
Fouadbiskra
داعم متفاعل
داعم متفاعل

المشاركات : 78
القسم المفضل : لم يحدد
سجل في : 10/08/2011
النقاط : 12

صندوق اخر المواضيع بشكل حصري وجديد Empty
صندوق اخر المواضيع بشكل حصري وجديد Empty


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



 

تفضّل شارك بتعليقك


دعم شباب  :: تطوير المواقع والمنتديات :: تطوير المواقع :: عالم الاكواد :: اكواد التومبيلات-