الرسام .
رقم العضوية : 1 عدد المساهمات : 2624 تاريخ التسجيل : 29/12/2009 المزاج : متعلق برضاكم
الورقة الشخصية الورقة الشخصية: الورقة الشخصية | | | al7afe |
| موضوع: (تومبلايت) شريط اخر المواضيع الرائع 2012 الإثنين يناير 02, 2012 9:24 am | |
| شريط اخر المواضيع الرائع 2012 [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
صورة للكود بعد العمل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]نتوكل علي الله ِ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]نذهب الي الي :>لوحة الادارة/عناصر إضافية/إدارة العناصر المستقلة على المنتدى الإعدادات العامة للعناصر المستقلة على صفحات المنتدىإظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى :نعم عرض العمود 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 ونضغط عليه تعديل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] نحذف كل القالب ونضع مكانه هذا الكود: - الكود:
-
<style> div.title { font-size: 12px; font-weight: bold; text-decoration: none; color: #fff; text-align:center; } </style> <!-- BEGIN classical_row --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3" align="center"><tbody> <thead><tr><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> <div class="ist">آخر المواضيع</div> </th></tr></thead> <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%"> <div class="title"><font color="black">الموضوع</font></div> </td> <td class="catHead" colspan="1" width="25%"> <div class="title"><font color="black">تاريخ ارسال المشاركة</font></div> </td> <td class="catHead" colspan="1" width="25%"> <div class="title"><font color="black">بواسطة</font></div> </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 src="http://2img.net/i/fa/empty.gif" width="24" border="0"></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%">
<!-- BEGIN recent_topic_row --> <a href="{classical_row.recent_topic_row.U_TITLE}"><b><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></b></a><br>
<!-- END recent_topic_row --> </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%"> <span class="gensmall"> <!-- BEGIN recent_topic_row --> <img src="http://img816.imageshack.us/img816/9845/11750606.png" width="16px" height="16px" /> {ON} {classical_row.recent_topic_row.S_POSTTIME} <br><!-- END recent_topic_row --> </span> </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%"> <!-- BEGIN switch_poster --> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a> <!-- END switch_poster --> <!-- BEGIN switch_poster_guest --> {classical_row.recent_topic_row.switch_poster_guest.S_POSTER} <!-- END switch_poster_guest --> <!-- BEGIN recent_topic_row --> <img src="http://[url=http://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png"][color=#240c0c]www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png">[/color][/url] <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.switch_poster.S_POSTER}</font></a> <br><!-- END recent_topic_row -->
</td> </tr></table></td></tr></tbody></table> <!-- END classical_row --> .......... هاااااااام ِ اذا وجهتنا مشكلة في العرض علينا ان نقوم بعمل عنصر ونححط هذا الكود فيهالكود: - الكود:
-
<!--كود جعل العناصر متسواية --> </td> </tr> </tbody> </table> <!-- نهاية الكود--> [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]اذا ظهرت مسافة في الكود نقوم بوضع هذا في ورقة cssالكود: - الكود:
-
#right{ position: absolute; top: 5px;right: 5px; width: 18%; float: right; } ومبروك عليك الكود ِ ان شاء الله اكون وفقت في شرحي
| |
|