منتدى عين معبد أون لاين



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

شاطر | 
 

 [تومبيلات]شريط اخر المواضيع الافقي باطار على جميع الجوانب

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
MaHFouD

avatar

ذكر
نوع المتصفح نوع المتصفح : firefo10
نسخة المنتدى نسخة المنتدى : PhpBB3
احترام قوانين المنتدى احترام قوانين المنتدى : 100 %
عدد المساهمات : 202

مُساهمةموضوع: [تومبيلات]شريط اخر المواضيع الافقي باطار على جميع الجوانب   الإثنين أغسطس 09, 2010 12:08 pm


اولا قبل البدء لابد من معرفة التقسيم الخاص بالاطارات


سيكون التقسيم كالتالي

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




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



الجوانب
ويجب ان يكون العرض متساوي اما الارتفاع فلا مشكلة
جانب ايمين
جانب ايسر




الان للتعديل نذهب الي
لوحة التحكم
مظهر المنتدى
اداره عامة
mod_recent_topics

نقوم باستبدال الكود بالكامل
الكود:
<!-- BEGIN scrolling_row -->
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" height="الارتفاع للاطار علوي">
<tbody><tr>
<td
 width="عرض الاطار يمين علوي" height="الارتفاع للاطار علوي"><img
border="0" src="رابط الاطار يمين علوي" width="عرض الاطار يمين علوي"
height="الارتفاع للاطار علوي"></td>
<td align="center"
background="رابط الخلفية المتمدده علوي"><img border="0" src="رابط
اللوجو علوي" width="عرض اللوجو علوي" height="الارتفاع للاطار
علوي"></td>
<td width="عرض الاطار يسار علوي"
height="الارتفاع للاطار علوي"><img border="0" src="رابط الاطار
يسار علوي" width="عرض الاطار يسار علوي" height="الارتفاع للاطار
علوي"></td>
</tr>
</tbody></table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="عرض الاطار الجانبي يمين" background="رابط الاطار الجانبي يمين">
<td valign="middle">
<TABLE class=tborder cellSpacing=0 cellPadding=4 width="100%" border=0 bgcolor="#EDF9C6">
<TBODY>
<TR><DIV/>
<center/>
<TD align=center bgcolor="#EDF9C6">
<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}
<a>
<a/>
<a onmouseover="document.getElementById('comments_scroll_container').stop();"
onmouseout="document.getElementById('comments_scroll_container').start();" href="
{scrolling_row.recent_topic_row.U_POSTER}
">{scrolling_row.recent_topic_row.S_POSTER}
</a>
<!-- END recent_topic_row -->
</td>
</tr>
</table<td width="عرض الاطار الجانبي يسار" background="رابط الاطار الجانبي يسار">
</td>
</tr>
</tbody>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" height="الارتفاع للاطار السفلي">
<tbody><tr>
<td
 width="عرض الاطار يمين سفلي" height="الارتفاع للاطار السفلي"><img
 border="0" src="رابط الاطار يمين سفلي" width="عرض الاطار يمين سفلي"
height="الارتفاع للاطار السفلي"></td>
<td align="center"
background="رابط الخلفية المتمدده سفلي"><img border="0" src="عرض
اللوجو سفلي" width="عرض اللوجو السفلي" height="الارتفاع للاطار
السفلي"></td>
<td width="عرض الاطار يسار سفلي"
height="الارتفاع للاطار السفلي"><img border="0" src="رابط الاطار
يسار سفلي " width="عرض الاطار يسار سفلي" height="الارتفاع للاطار
السفلي"></td>
</tr>
</tbody></table>
<!-- END scrolling_row -->
<!-- BEGIN classical_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
<tr>
<td class="thead"
<div align="center">
<CENTER>
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" height="الارتفاع للاطار علوي">
<tbody><tr>
<td
 width="عرض الاطار يمين علوي" height="الارتفاع للاطار علوي"><img
border="0" src="رابط الاطار يمين علوي" width="عرض الاطار يمين علوي"
height="الارتفاع للاطار علوي"></td>
<td align="center"
background="رابط الخلفية المتمدده علوي"><img border="0" src="رابط
اللوجو علوي" width="عرض اللوجو علوي" height="الارتفاع للاطار
علوي"></td>
<td width="عرض الاطار يسار علوي"
height="الارتفاع للاطار علوي"><img border="0" src="رابط الاطار
يسار علوي" width="عرض الاطار يسار علوي" height="الارتفاع للاطار
علوي"></td>
</tr>
</tbody></table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="عرض الاطار الجانبي يمين" background="رابط الاطار الجانبي يمين">
<td valign="middle"></TD></TR></TBODY></TABLE>
<TABLE class=tborder cellSpacing=0 cellPadding=4 width="100%" border=0 bgcolor="#EDF9C6">
<TBODY>
<TR><DIV/>
<center/>
<TD align=center bgcolor="#EDF9C6">
<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}
 <a
href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a>
 {ON} {classical_row.recent_topic_row.S_POSTTIME}
<!-- END recent_topic_row -->
</span></td>
</tr>
</table><td width="عرض الاطار الجانبي يسار" background="رابط الاطار الجانبي يسار">
</td>
</tr>
</tbody>
</table>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" height="الارتفاع للاطار السفلي">
<tbody><tr>
<td
 width="عرض الاطار يمين سفلي" height="الارتفاع للاطار السفلي"><img
 border="0" src="رابط الاطار يمين سفلي" width="عرض الاطار يمين سفلي"
height="الارتفاع للاطار السفلي"></td>
<td align="center"
background="رابط الخلفية المتمدده سفلي"><img border="0" src="عرض
اللوجو سفلي" width="عرض اللوجو السفلي" height="الارتفاع للاطار
السفلي"></td>
<td width="عرض الاطار يسار سفلي"
height="الارتفاع للاطار السفلي"><img border="0" src="رابط الاطار
يسار سفلي " width="عرض الاطار يسار سفلي" height="الارتفاع للاطار
السفلي"></td>
</tr>
</tbody></table>
<!-- 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>
ثم اضغط سجل
ثم نشر
الان الشريط اصبح يظهر بشكل صحيح على البوابه

لنجعله يعمل على جميع الصفحات

سنقوم بتفعيل
العناصر المستقله
من
لوحة التحكم
عناصر اضافيه
ادارة العناصر المستقله على الرئيسيه
1 اختار نعم
2 ضع الرقم 4
3 اضغط سجل
ملاحظه الرقم سيعود الي 180 لامشكله
اكمل التالي

قوم بسحب العنصر
المواضيع الاخيره الي العمود الذي على يمينك انت
ثم اضغط سجل
قوم بتغير الخانه 2
الي الرقم 999
واضغط سجل


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

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

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