نذهب الي الي :>
لوحة الادارة/عناصر إضافية/إدارة العناصر المستقلة على المنتدى
الإعدادات العامة للعناصر المستقلة على صفحات المنتدى
إظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى :نعم
عرض العمود 1 (اليمين) :999
عرض العمود 3 (اليسار) :180
الإرتفاع المتواجد بين عنصرين :3
الفضاء المتواجدة بين عمودين :1
نسحب عنصر اخر المواضيع في العمود اليمين ِ نتاكد انو مافيش اي عناصر جمبيه تاني شاهد الصورة
بعد ما ضغطنا علي زر التعديل في اخر المواضيع نعمل هذه الاعدادات
عدد المواضيع الأخيرة :10
تنشيط خاصية التتالي العمودي للمواضيع :لاء
اتجاه حركة المواضيع :الاعلي
علو الجدول الذي يحتوي على المواضيع :180
المدة الزمنية الفاصلة بين استعراضين :0
طول خطوات التتالي :0
والان اخر خطوتين
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب overall_header ونضغط عليه تعديل
ثم نبحث عن هذا الكود
ثم نحذفه
- الكود:
-
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>}
نقوم بأستبداله بهذا الكود
- الكود:
-
<td valign="top" width="100%">
<div id="center">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td></tr><tr>
الخطوة الاخيرة
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > البوابة
نختار هذا القالب mod_recent_topics ونضغط عليه تعديل
نحذف كل القالب ونضع مكانه هذا
- الكود:
-
div.title {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #fff;
text-align:center;
}
[table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3" align="center"]
[tr]
آخر المواضيع
[/tr]
[tr]
[td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"]
<table border="0" cellpadding="0" cellspacing="0" colspan="3" width="100%">
<tr><td class="catHead" colspan="2" width="50%">
[color=black]الموضوع[/color]
</td>
<td class="catHead" colspan="1" width="25%">
[color=black]تاريخ ارسال المشاركة[/color]
</td>
<td class="catHead" colspan="1" width="25%">
[color=black]بواسطة[/color]
</td></tr>
<tr valign="top">
<td colspan="1" style="border-top: 0px none; padding: 0px; background: transparent url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24">[img]http://2img.net/i/fa/empty.gif[/img]</td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="50%">
[url=http://www.goweto.com/{classical_row.recent_topic_row.U_TITLE}][b][font=Tahoma]{classical_row.recent_topic_row.L_TITLE}[/font][/b][/url]
</td>
<td style="border-top: 0px none; padding: 0px; line-height: 16.5px; background-repeat: repeat;" align="center" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="25%">
[img(16,16)]http://img816.imageshack.us/img816/9845/11750606.png[/img]
{ON} {classical_row.recent_topic_row.S_POSTTIME}
</td>
<td style="border-top: 0px none; padding: 0px; line-height: 17px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="25%">
[url=http://www.goweto.com/{classical_row.recent_topic_row.switch_poster.U_POSTER}]{classical_row.recent_topic_row.switch_poster.S_POSTER}[/url]
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
[img]http://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png[/img]
[url=http://www.goweto.com/{classical_row.recent_topic_row.switch_poster.U_POSTER}][font=Tahoma]{classical_row.recent_topic_row.switch_poster.S_POSTER}[/font][/url]
</td>
</tr></table>[/td][/tr][/table]
هاااااااام ِ اذا وجهتنا مشكلة في العرض علينا ان نقوم بعمل عنصر ونححط هذا الكود فيه
- الكود:
-
اذا ظهرت مسافة في الكود نقوم بوضع هذا في ورقة css
- الكود:
-
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}
ومبروك عليك الكود ِ ان شاء الله اكون وفقت في شرحي
اخوكم
kamel48
منقول
(تومبلايت) شريط اخر المواضيع الرائع 2012 من ... kamel48
[/quote]