منتدى توب ميكس

أهلاً وسهلاً بك في شبكة ومنتديات الرائد



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

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
Admin
Admin
avatar

تاريخ التسجيل : 02/07/2011
العمر : 27
الوظيفة : مهندس
تاريخ الميلاد : 18/09/1990
ذكر
نوع المحمول : Nokia X2-00
نظام الحماية : Avira
نظام التشغيل : Windows Xp sp3
نوع المتصفح : Firefox
بدايتي بالإنترنت عام : 2004
نوع وسرعة الاتصال : USB Modem
الهوايات : القراءة ، الكمبيوتر والإنترنت
الدولة : اليمن
عدد المساهمات : 1349
النقاط : 3055

مُساهمةموضوع: تعديل جديد شريط المواضيع افقيا بجانبه صورة شمال ويمين وخلفية    الخميس أغسطس 04, 2011 8:53 pm

السلام عليكم

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

صورة موضحة


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



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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.arab-light.blogspot.com
ابن الريال
عضو متقدم
عضو متقدم
avatar

تاريخ التسجيل : 29/09/2011
انثى
الدولة : السعوديه
عدد المساهمات : 627
النقاط : 776

مُساهمةموضوع: رد: تعديل جديد شريط المواضيع افقيا بجانبه صورة شمال ويمين وخلفية    الإثنين أكتوبر 03, 2011 4:53 am

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

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