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

السلام عليكم

اليوم نضع لكم طريقة وضع اخر المواضيع مثل الفي بي تماما

صورة موضحة
تعديل جديد شريط المواضيع افقيا بجانبه صورة شمال ويمين وخلفية 14_1210

تعديل جديد شريط المواضيع افقيا بجانبه صورة شمال ويمين وخلفية 14_1210

https://i.servimg.com/u/f63/14/53/03/39/14_1210.jpg
للقيام بالتعديل
لوحة الادارة
مظهر المنتدى
التومبلايت
البوابة
mod_recent_topics
ملاحظة :الكود جديد بالتعديل الجديد يعني شغال 100% ا

سنضع لكم القالب بالكامل
لعدم الامكانية من شرح كل خطوة بخطوة

الرمز:

<head>
<style type="text/css">
.odessarabmostr1 {
border-collapse: collapse;
}
.odessarabmostr2 {
border-color: #FFFFFF;
border-width: 1px;
}
</style>
</head>

<table style="width: 100%" dir="rtl" cellspacing="0" cellpadding="0" class="odessarabmostr1">
<tr>
<td width="عرض صورة اليمين">
<img alt="" src="الصورة على اليمين"></td>
<td background="الخلفية وراء الشريط">
<table style="width: 100%; height: 30px">
<tr>
<td><div align="center">



<TABLE class=tborder cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR><DIV/>
<center/>
<TD align=center class="odessarabmostr2">
<marquee behaviour="Scroll" direction="right" onmouseover="this.scrollAmount=1"
onMouseout="this.scrollAmount=5" onmousedown="this.scrollAmount=5" scrollAmount=5" scrolldelay="5"
id="wootz0">

<a>
» <a><a/> <a
onmouseover="document.getElementById('comments_scroll_container').stop();"

onmouseout="document.getElementById('comments_scroll_container').start();"
href="
{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}
">
{scrolling_row.recent_topic_row.L_TITLE}
</a>
<img src="{ICON_TIME}" alt="" />
{scrolling_row.recent_topic_row.S_POSTTIME}
{BY}



<a
onmouseover="document.getElementById('comments_scroll_container').stop();"

onmouseout="document.getElementById('comments_scroll_container').start();"

href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>



</table>

</div>
<table style="width: 100%">
<tr>

<TD ROWSPAN=2 background="" style="background-image: url('');
background-repeat: repeat-x; background-position-y: top"
bgcolor="#E7E7E7" valign="top" width="100%" dir="rtl">

<div align="center">

<TABLE class=tborder cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR><DIV/>
<center/>
<TD align=center>
<marquee
behaviour="Scroll" direction="right" onmouseover="this.scrollAmount=1"
onMouseout="this.scrollAmount=5" onmousedown="this.scrollAmount=5"
scrollAmount=5" scrolldelay="5" id="wootz0">

» <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>{BY}


<a
onmouseover="document.getElementById('comments_scroll_container').stop();"

onmouseout="document.getElementById('comments_scroll_container').start();"

href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>

{ON} {classical_row.recent_topic_row.S_POSTTIME}

</span></td>
</tr>
</table>

</div>

</TD>

</tr>
</table> <script type="text/javascript">
//<![CDATA[
$(function(){
div_marquee('comments_scroll_div',
'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}',
'{SCROLL_DELAY}', '{SCROLL_HEIGHT}', 'genmed');
});
//]]>
</script>

</td>
</tr>
</table>
</td>
<td width="العرض">
<img alt="" src="الصورة شمال"></td>
</tr>
</table>

شكرا للكود الرائع
بارك الله بيك

عاااشت يمناك
بما قدمت لنا من تميز
تحياتي لك

كوددددددد رااائع
تسلم ايدك

تحياتي

كوووووووود
رووووعه تسلم ايدك

شكرااا لمرور الجميع

جزاك الله خيرا

على المجهود

شكرا لك على المجهود

كود رائع

بارك الله فيك

{~| كود جميل بارك الله فيك |~}

{{~~|| وآآآآآآآآآآآآآآصل ||~~}}