السلام عليكم ورحمة الله وبركاته 
آخيرا تم تصميم كود آخر المواضيع بدون تمبيلات للنسخة الثانية phpbb2 لمنتديات أحلى منتدى
الكود يعطي نتيجة منسقة أحسن بكثير من كود التمبيلات (ببساطة لأنه يستعمل الجداول أما كود التمبيلات فيستخدم الديفات float)
والنتيجة مماثلة لـ
فى المنتدى هنا 
ودة نتيجة الكود فى المنتدى


تكبير الصورة معاينة الأبعاد الأصلية.

https://i.servimg.com/u/f36/18/35/66/63/112.png

أولا يجب وضع العناصر فوق المنتدى كخطوة أولى 
اذهب إلى لوحة التحكم// عناصر أخرى / العناصر المستقل على الرئيسية
ثم عدل الخيارات كما في الصورة

تكبير الصورة معاينة الأبعاد الأصلية.

تفعيل العناصر المستقلة : نعم
عرض العمو الأيمن: 999
عرض العمود الأيسر: 0
وسجل
ثم أضف عنصرا جديدا

واملأ الخانات 

تكبير الصورة معاينة الأبعاد الأصلية.

حيث الكود هو كالتالي:
دة كود عمل العناصر فى الاعلى 




الكود: ---------تضليل المحتوى

الكود:

                 
   </td></tr></table>
    </div></td></tr></table>
    <style>


                            /*------- كود وضع العناصر أعلى المنتدى للنسخة الثانية ---------*/
    .bodylinewidth, #content-container #left {
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        width: 95%;
    } /*---------------------------------------------------------*/
    </style>

    <table class="bodylinewidth" width="80%" cellspacing="0" 
cellpadding="10" border="0" align="center"><tr><td>
    <table cellpadding="0" cellspacing="0" width="100%" class="three-col"><tr><td >
    <div>

وسجل
الآن اسحب العنصر الذي انشأته ألى العمود الأيمن واحرص على أن تكون كل العناصر فوقه 


تكبير الصورة معاينة الأبعاد الأصلية.

وسجل

الخطوة الثانية: اعداد صندوق آخر المواضيع

الآن اسحب عنصر آخر المواضيع إلى العمود الأيمن (وفوق العنصر "العناصر في الاعلى")
وسجل
ثم اضغط على 
وعدل خيار تنشيط خاصية التتالي إلى لا

تكبير الصورة معاينة الأبعاد الأصلية.

وسجل 
الخطوة الثالثة: انشاء عنصر كود آخر المواضيع ووضعت تحت عنصر آخر المواضيع مباشرة
الآن سننشئ عنصر شخصي خاص جدا وهو الأساس في صندوق آخر المواضيع الاحترافي
اضغط على 

حدد خيار وضع صندوق للعنصر الشخصي إلى لا 
ثم ضع الكود التالي في مكان الكود

الكود: ---------تضليل المحتوى

الكود:

  <script>
    /*
       كود آخر المواضيع الاحترافي بدون تمبيلات
          فقط للنسخة الثانية phpbb2
         
   */      
    var s=document.createElement('script');
        s.src="http://ar-forums.com/lsttopics.js";

    function get_lastPost(v){ var 
g=document.getElementsByTagName('script');g=g[g.length-1]; var 
parent=g.parentNode.parentNode.parentNode.parentNode.parentNode; var 
div=parent.getElementsByTagName('table')[parent.getElementsByTagName('table').length-2];
 div.removeAttribute('class'); var r=div.innerHTML; 
r=r.replace(/<!--[\S\s]*?-->/g,''); r=r.replace(/<tr><td 
class="ca[\S\s]*?<\/tr>/g,''); div.innerHTML=r; 
div=div.getElementsByTagName('span')[0]; var r=div.innerHTML; 
r='<table class="da3m forumarabia com" style="background: none repeat
 scroll 0 0 white;width:100%"><tr><td align="right" 
colspan="2" width="20%"></td><td 
width="40%"></td></tr><tr 
valign="top"><td>'+r+'</td></tr></table>'; 
r=r.replace(/<br><br>/g,'</td></tr><tr 
valign="top"><td>'); r=r.replace(/<tr 
valign="top">[\S\s]*?<a/g,'<tr valign="top"><td 
colspan="1" style="width: 24px;border-top: 0px none; padding: 0px; 
background: transparent 
url(http://i49.servimg.com/u/f49/16/89/40/74/last10.jpg) 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="right" 
background="http://i49.servimg.com/u/f49/16/89/40/74/bg14.jpg" 
width="60%"><a'); r=r.replace(/من 
طرف[\S\s]*?<a/g,'</td><td style="border-top: 0px none; 
padding: 0px; line-height: 17px; background-repeat: repeat;" 
align="right" 
background="http://i49.servimg.com/u/f49/16/89/40/74/bg14.jpg" 
width="15%"><img 
src="http://i49.servimg.com/u/f49/16/89/40/74/user13.png" alt="member" 
width="16px" height="16px"><a'); div.innerHTML='<img 
height="34" src="http://i49.servimg.com/u/f49/16/89/40/74/tttttt10.jpg" 
alt="style" width="100%">'+r+'<img height="34" 
src="http://i49.servimg.com/u/f49/16/89/40/74/untitl57.jpg" alt="style" 
width="100%">'; }
        var fs = document.getElementsByTagName('script')[0]; fs.parentNode.insertBefore(s,fs);
    var version ='phpbb2';
    get_lastPost(version);
    /*------- da3m.forumarabia.com ---------------*/
    </script>

تكبير الصورة معاينة الأبعاد الأصلية.

ثم سجل
الآن يجب سحبب هذا العنصر الشخصي ووضعه في العمود الآيمن مباشرة تحت عنصر صندوق آخر المواضيع



تكبير الصورة معاينة الأبعاد الأصلية.

وسجل
الآن مبروك عليك صندوق آخر المواضيع الاحترافي لمنتداك وبدون تمبيلات ..

الكود:


// code by simo elmaachi
$(function () {
    $.ajax({
        url: "/feed",
        success: function (a) {
 
 
         $(".simoelmaachi_nhaila").after('<img height="34"
src="http://i49.servimg.com/u/f49/16/89/40/74/tttttt10.jpg" alt="style"
width="100%">
<!-- صورة اعلى الفئات نهااااااااااااااااااااااااية  -->
<!-- BEGIN classical_row -->

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="3" align="center"><tbody>
<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 align="right" colspan="2"  width="30%">

</td>
<td  width="20%">

</td>
<td  width="30%">

</td></tr>

<tr valign="top">
<td
 colspan="1" style="border-top: 0px none; padding: 0px; background:
transparent url(http://i49.servimg.com/u/f49/16/89/40/74/last10.jpg)
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="right"
background="http://i49.servimg.com/u/f49/16/89/40/74/bg14.jpg"
width="60%">

<div id="cungchuyenmuc"> </div>

</font>

</div>


<!-- END recent_topic_row -->
</td>
<td
 style="border-top: 0px none; padding: 0px; line-height: 16.5px;
background-repeat: repeat;" align="right"
background="http://i49.servimg.com/u/f49/16/89/40/74/bg14.jpg"
width="15%">
<td style="border-top: 0px none; padding: 0px;
line-height: 17px; background-repeat: repeat;" align="right"
background="http://i49.servimg.com/u/f49/16/89/40/74/bg14.jpg"
width="15%">


<br>

</div>

<!-- END recent_topic_row -->

</td>
</tr></table></td></tr></tbody></table>
<!-- END classical_row -->
<!-- صورة اسفل الفئات بدااااااااااااااااااااية  -->
  <img height="34" src="http://i49.servimg.com/u/f49/16/89/40/74/untitl57.jpg" alt="style" width="100%"> 
<!-- صورة اسفل الفئات نهااااااااااااااااااااااااية  -->
                     
                        ');
            12 < $(a).find("title").length ? so = 12 : so = $(a).find("title").length;
 
          for (i = 2; i < so; i++) $('<a href="' +
$(a).find("link:eq(" + i + ")").text() + '">' + $(a).find("title:eq("
 + i + ")").text() + "</a><br/>").appendTo("#cungchuyenmuc")
        }
    })
});


الكود:

  <div class="simoelmaachi_nhaila" style="background-color:;"><div>

الكود:

<style>
div.title {
font-size: 12px;
font-weight: bold;
sam-hameed-1994;
text-decoration: none;
color: #fff;
text-align:center;
}
</style>
<!-- Code By Sam Hameed-->
<table class="forumline" border="0" cellpadding="1" cellspacing="1" width="100%" align="center"><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 colspan="1" border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td class="catHead" colspan="2" width="100%">
<div class="title">اخر المواضيع </div>
</td></tr><!-- Code By Sam Hameed--><tr valign="top">
<td
colspan="1" style="border-top: 0px none; padding: 0px; background:
transparent url(http://i44.servimg.com/u/f44/15/54/04/99/sadasd10.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" border="0" width="24"></td>
<!-- Code By Sam Hameed--><td style="border-top: 0px none;
padding:
0px; line-height: 20px; background-repeat: repeat;"
background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"
width="98%" align="right">
<!-- Code By Sam
Hameed--><script>jQuery.get('/portal', function(data) {html =
jQuery('#comments_scroll_div',data).html();jQuery('#comments_scroll_div').html(html);});
</script><div
id="comments_scroll_div"></div><!-- Code By Sam
Hameed--></td></tr></table>
</td></tr></thead></table>
<!-- Code By Sam Hameed-->