مشكلة اخر المواضيع

السلامـ عليكمـ ورحمه الله وبركاته
كل عام وانتم بخير
عندى مشكلة فى اخر المواضيع ان العنوان لما بيطول بيأثر على شكل المنتدى تمامـ ازاى اخليه زى هنا فى احلى منتدى انه يكمل العنوان تحته فى سطر تانى مش يكون على سطر واحد
زى كده

لما العنوان بقى اطول من اللازمـ كمل تحته فى سطر جديد

صورة صندوق اخر المواضيع
انا وضعه في منتداي وشغال تمام


https://i.servimg.com/u/f25/15/95/28/21/latest10.png

شرح وضع الكود

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

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

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


https://i.servimg.com/u/f25/15/95/28/21/settin10.png

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


https://i.servimg.com/u/f25/15/95/28/21/settin11.png

والان اخر خطوتين
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب 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(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>


    <!-- نهاية الكود-->




https://i.servimg.com/u/f83/13/93/90/70/aseer510.png

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

الكود:

#right{


position: absolute;


top: 5px;right: 5px;


width: 18%;


float: right;


}




ومبروك عليكي الصندوق اختي

جوكر مصر كتب:صورة صندوق اخر المواضيع
انا وضعه في منتداي وشغال تمام


https://i.servimg.com/u/f25/15/95/28/21/latest10.png

شرح وضع الكود

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

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

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


https://i.servimg.com/u/f25/15/95/28/21/settin10.png

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


https://i.servimg.com/u/f25/15/95/28/21/settin11.png

والان اخر خطوتين
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب 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(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>


    <!-- نهاية الكود-->




https://i.servimg.com/u/f83/13/93/90/70/aseer510.png

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

الكود:

#right{


position: absolute;


top: 5px;right: 5px;


width: 18%;


float: right;


}




ومبروك عليكي الصندوق اختي

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

ruah كتب:السلامـ عليكمـ ورحمه الله وبركاته
كل عام وانتم بخير
عندى مشكلة فى اخر المواضيع ان العنوان لما بيطول بيأثر على شكل المنتدى تمامـ ازاى اخليه زى هنا فى احلى منتدى انه يكمل العنوان تحته فى سطر تانى مش يكون على سطر واحد
زى كده

لما العنوان بقى اطول من اللازمـ كمل تحته فى سطر جديد

اهلا بكى ,
دخلت منتداكى ولا توجد اى مشكلة فى اخر المواضيع اختى الفاضلة !!

The Globetrotter كتب:

ruah كتب:السلامـ عليكمـ ورحمه الله وبركاته
كل عام وانتم بخير
عندى مشكلة فى اخر المواضيع ان العنوان لما بيطول بيأثر على شكل المنتدى تمامـ ازاى اخليه زى هنا فى احلى منتدى انه يكمل العنوان تحته فى سطر تانى مش يكون على سطر واحد
زى كده

لما العنوان بقى اطول من اللازمـ كمل تحته فى سطر جديد

اهلا بكى ,
دخلت منتداكى ولا توجد اى مشكلة فى اخر المواضيع اختى الفاضلة !!

أكييد لانى مسحته يافندم اتفضل ادخل دلوقتى

تأكدى من العرض :
عرض العمود 1 (اليمين) : 0عرض العمود 3 (اليسار) : 180

The Globetrotter كتب:تأكدى من العرض :
عرض العمود 1 (اليمين) : 0عرض العمود 3 (اليسار) : 180

هو كده يافندم

ارجوووووووووووا الرد

هل نسختك هيه الثانيه

احمد العراقي@ كتب: هل نسختك هيه الثانيه

نعم

Mohamed Nsr كتب:مرحبا عزيزتي 
هذه اعدادات عنصر اخر المواضيع هنا في الدعم 

بالتوفيق

ماشى يافندم بس ايه الحل لمنتدايا

اعملي بنفس ما في الصوره نفس المقاسات