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

السلام عليكم

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
للقيام
بالتعديل
لوحة الادارة
مظهر المنتدى

التومبلايت
البوابة
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>

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

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

حصريا شرح تركيب شريط الاهداءات بعد ما حظر من ادارة احلى منتدى على
اوديسا بانفراد

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

خطوة
بخطوة لاحتراف
احلى المنتديات

عاوز منتداك يبقا تحفة ما الك غير
اكواد التومبلايت والسي
سي من هنا
اكواد
التومبلايت

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

يا {username} لا تنسى زيارتنا لتحصل على اخر
التطويرات لمنتداك