الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
ahmed medhat
New Member 10%
New Member 10%
avatar

ذكر
المساهمات : 33
~|| تاريخ التسجيل ||~ : 25/01/2011
~|| العمر ||~ : 21

مُساهمةموضوع: تعديل جديد شريط المواضيع افقيا بجانبه صورة شمال ويمين وخلفية    26/1/2011, 21:40


السلام عليكم

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

صورة موضحة


http://i63.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">



<!-- BEGIN scrolling_row -->

<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">
<!-- BEGIN recent_topic_row -->
<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}

<!-- BEGIN switch_poster -->

<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>


<!-- END switch_poster -->

<!-- END recent_topic_row --></table>




</div><!-- END scrolling_row --><!-- BEGIN classical_row -->
<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">
<!-- BEGIN recent_topic_row -->
» <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>{BY}
<!-- BEGIN switch_poster -->

<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>
<!-- END switch_poster -->
{ON} {classical_row.recent_topic_row.S_POSTTIME}


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




</div>





</TD>

</tr>
</table> <!-- END recent_topic_row --><!-- END classical_row --><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>

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Design-sasuke
Administrator OnE oF ThE PeoplE Administrator OnE oF ThE PeoplE
avatar

ذكر
المساهمات : 735
~|| تاريخ التسجيل ||~ : 25/01/2011
~|| العمر ||~ : 21
~|| الموقع ||~ : sho3a3

مُساهمةموضوع: رد: تعديل جديد شريط المواضيع افقيا بجانبه صورة شمال ويمين وخلفية    26/1/2011, 23:58

يسسسسسسسسسلمو




الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
x promise

New Member 75%


New Member 75%
avatar

ذكر
المساهمات : 217
~|| تاريخ التسجيل ||~ : 25/01/2011
~|| العمر ||~ : 30

مُساهمةموضوع: رد: تعديل جديد شريط المواضيع افقيا بجانبه صورة شمال ويمين وخلفية    27/1/2011, 11:21

يسلمووووو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
goldenstar

Active Member


Active Member
avatar

ذكر
المساهمات : 428
~|| تاريخ التسجيل ||~ : 01/02/2011
~|| العمر ||~ : 23
~|| الموقع ||~ : sh3a3

مُساهمةموضوع: رد: تعديل جديد شريط المواضيع افقيا بجانبه صورة شمال ويمين وخلفية    2/2/2011, 02:40

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
A sniper.Man

New Member 50%


New Member 50%
avatar

ذكر
المساهمات : 186
~|| تاريخ التسجيل ||~ : 25/01/2011
~|| العمر ||~ : 27
~|| الموقع ||~ : sho3a3

مُساهمةموضوع: رد: تعديل جديد شريط المواضيع افقيا بجانبه صورة شمال ويمين وخلفية    11/2/2011, 16:54

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شعاع التصميم | Sho3a3 Altasmem :: ~ الويب ماسترز :: {.. دعم احلـى منتدى ~ :: اكواد وشروحات Templates-
انتقل الى: