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

السلام عليكم

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

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

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

» (invision)شريط الازرار المنتدى بشكل جديد
» صور السيحه في جبال ازونجول شمال تركيا~
» المواضيع المميزة بمنتدى ألعاب أون لاين
» تغيير شكل قائمة المواضيع حصريا من اوديسا تومبلايت
» حصرى كود css وضع اطار حول مساهمة العضو داخل المواضيع بطريقة رووعة