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

السلام عليكم

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

صورة موضحة
تعديل جديد شريط المواضيع افقيا بجانبه صورة شمال ويمين وخلفية 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 لحذف ( تم تعديل المساهمه بواسطة : السبب)
» عمل شريط سينمائي
» شرح كيفية تعديل اكواد لشريط الون مختلفة بحيث تعدل الوانة كما تشاء