عرب جرافيكس
| |

غْـِـِـِيْـِـِـِر مُـِـِـِسَـِـِـِِجَـِـِـِل

لأنـنـآ نـعـشـقِ التـميز والـِمُـِمَـِيّـزِيْـטּ يشرفنـآ إنـظمـآمڪ معنـآ فيـﮯ مـنـتـديـآت بيكاسو ديزاين | |

أثبـت تـوآجُـِدڪ و ڪـטּ مـטּ [ الـِمُـِمَـِيّـزِيْـטּ ..!

لـِڪي تـسـتـطـيـع أن تُـِتْـِِבـفَـِنَـِـِا [ بـِ موآضيعـڪ ومشارڪاتـڪ معنـِـِـِآ ]


عرب جرافيكس
| |

غْـِـِـِيْـِـِـِر مُـِـِـِسَـِـِـِِجَـِـِـِل

لأنـنـآ نـعـشـقِ التـميز والـِمُـِمَـِيّـزِيْـטּ يشرفنـآ إنـظمـآمڪ معنـآ فيـﮯ مـنـتـديـآت بيكاسو ديزاين | |

أثبـت تـوآجُـِدڪ و ڪـטּ مـטּ [ الـِمُـِمَـِيّـزِيْـטּ ..!

لـِڪي تـسـتـطـيـع أن تُـِتْـِِבـفَـِنَـِـِا [ بـِ موآضيعـڪ ومشارڪاتـڪ معنـِـِـِآ ]

عرب جرافيكس
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دخول

مرحبا بكم!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

للتسجيل في المنتدي!

descriptionكود شريط اخر المواضيع  Emptyكود شريط اخر المواضيع

more_horiz
السلام عليكم ورحمة الله وبركاته

شريط اخر المواضيع الرائع 




نتوكل علي الله ِ



نذهب الي الي :>
لوحة الادارة/عناصر إضافية/إدارة العناصر المستقلة على المنتدى

الإعدادات العامة للعناصر المستقلة على صفحات المنتدى

إظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى :نعم
عرض العمود 1 (اليمين) :999
عرض العمود 3 (اليسار) :180
الإرتفاع المتواجد بين عنصرين :3
الفضاء المتواجدة بين عمودين :1




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



بعد ما ضغطنا علي زر التعديل في اخر المواضيع نعمل هذه الاعدادات
عدد المواضيع الأخيرة :10
تنشيط خاصية التتالي العمودي للمواضيع :لاء
اتجاه حركة المواضيع :الاعلي
علو الجدول الذي يحتوي على المواضيع :180
المدة الزمنية الفاصلة بين استعراضين :0
طول خطوات التتالي :0
كما في الصورة




والان اخر خطوتين
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب overall_header ونضغط عليه تعديل 

ثم نبحث عن هذا الكود



ثم نحذفه




الكود:

[size=12][/size]
[size=12][/size]
[size=12][ltr]<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>[/ltr][/size]
[size=12][/size]
[size=12][/size]
[size=12][/size]
[size=12][/size]







نقوم بأستبداله بهذا الكود

الكود:

[size=12][/size]
[size=12][/size]
[size=12][ltr]<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>[/ltr][/size]
[size=12][/size]










الخطوة الاخيرة
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > البوابة

نختار هذا القالب mod_recent_topics ونضغط عليه تعديل 

نحذف كل القالب ونضع مكانه هذا


الكود:

[ltr]    <style>[size=12][b][/b][/size]
    div.title {[size=12][b][/b][/size]
    font-size: 12px;[size=12][b][/b][/size]
    font-weight: bold;[size=12][b][/b][/size]
    text-decoration: none;[size=12][b][/b][/size]
    color: #fff;[size=12][b][/b][/size]
    text-align:center;[size=12][b][/b][/size]
    }[size=12][b][/b][/size]
    </style>[size=12][b][/b][/size]
    <!-- BEGIN classical_row -->[size=12][b][/b][/size]
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3" align="center"><tbody>[size=12][b][/b][/size]
    <thead><tr><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">[size=12][b][/b][/size]
    <div class="ist">آخر المواضيع</div>[size=12][b][/b][/size]
    </th></tr></thead>[size=12][b][/b][/size]
    <tr>[size=12][b][/b][/size]
 [size=12][b][/b][/size]
  <td style="padding: 0px; background: rgb(255, 255, 255) none [size=12][b][/b][/size]
repeat scroll 0% 0%; -moz-background-clip: border; [size=12][b][/b][/size]
-moz-background-origin: padding; -moz-background-inline-policy: [size=12][b][/b][/size]
continuous;" width="100%">[size=12][b][/b][/size]
    <table border="0" cellpadding="0" cellspacing="0" colspan="3" width="100%">[size=12][b][/b][/size]
[size=12][b][/b][/size]
    <tr><td class="catHead" colspan="2" width="50%">[size=12][b][/b][/size]
    <div class="title"><font color="black">الموضوع</font></div>[size=12][b][/b][/size]
    </td>[size=12][b][/b][/size]
    <td class="catHead" colspan="1" width="25%">[size=12][b][/b][/size]
    <div class="title"><font color="black">تاريخ ارسال  المشاركة</font></div>[size=12][b][/b][/size]
    </td>[size=12][b][/b][/size]
    <td class="catHead" colspan="1" width="25%">[size=12][b][/b][/size]
    <div class="title"><font color="black">بواسطة</font></div>[size=12][b][/b][/size]
    </td></tr>[size=12][b][/b][/size]
[size=12][b][/b][/size]
    <tr valign="top">[size=12][b][/b][/size]
 [size=12][b][/b][/size]
  <td colspan="1" style="border-top: 0px none; padding: 0px; [size=12][b][/b][/size]
background: transparent [size=12][b][/b][/size]
url(https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) [size=12][b][/b][/size]
no-repeat scroll center top; -moz-background-clip: border; [size=12][b][/b][/size]
-moz-background-origin: padding; -moz-background-inline-policy: [size=12][b][/b][/size]
continuous;" width="24"><img src="https://2img.net/i/fa/empty.gif"[size=12][b][/b][/size]
 width="24" border="0"></td><td style="border-top: 0px none;[size=12][b][/b][/size]
 padding: 0px; line-height: 20px; background-repeat: repeat;" [size=12][b][/b][/size]
align="left" [size=12][b][/b][/size]
background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"[size=12][b][/b][/size]
 width="50%">[size=12][b][/b][/size]
[size=12][b][/b][/size]
    <!-- BEGIN recent_topic_row -->[size=12][b][/b][/size]
  [size=12][b][/b][/size]
 <a [size=12][b][/b][/size]
href="{classical_row.recent_topic_row.U_TITLE}"><b><font [size=12][b][/b][/size]
style="font-family: Tahoma; font-size: [size=12][b][/b][/size]
11px">{classical_row.recent_topic_row.L_TITLE}</font></b></a><br>[size=12][b][/b][/size]
[size=12][b][/b][/size]
    <!-- END recent_topic_row -->[size=12][b][/b][/size]
    </td>[size=12][b][/b][/size]
 [size=12][b][/b][/size]
  <td style="border-top: 0px none; padding: 0px; line-height: [size=12][b][/b][/size]
16.5px; background-repeat: repeat;" align="center" [size=12][b][/b][/size]
background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"[size=12][b][/b][/size]
 width="25%">[size=12][b][/b][/size]
    <span class="gensmall">[size=12][b][/b][/size]
    <!-- BEGIN recent_topic_row -->[size=12][b][/b][/size]
    <img src="https://2img.net/r/ihimizer/img816/9845/11750606.png" width="16px" height="16px" />[size=12][b][/b][/size]
    {ON} {classical_row.recent_topic_row.S_POSTTIME}[size=12][b][/b][/size]
    <br><!-- END recent_topic_row -->[size=12][b][/b][/size]
    </span>[size=12][b][/b][/size]
    </td>[size=12][b][/b][/size]
 [size=12][b][/b][/size]
  <td style="border-top: 0px none; padding: 0px; line-height: 17px; [size=12][b][/b][/size]
background-repeat: repeat;" align="left" [size=12][b][/b][/size]
background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"[size=12][b][/b][/size]
 width="25%">[size=12][b][/b][/size]
    <!-- BEGIN switch_poster -->[size=12][b][/b][/size]
    <a [size=12][b][/b][/size]
href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>[size=12][b][/b][/size]
    <!-- END switch_poster -->[size=12][b][/b][/size]
    <!-- BEGIN switch_poster_guest -->[size=12][b][/b][/size]
    {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}[size=12][b][/b][/size]
    <!-- END switch_poster_guest -->[size=12][b][/b][/size]
    <!-- BEGIN recent_topic_row -->[size=12][b][/b][/size]
    <img src="http://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png">[size=12][b][/b][/size]
 [size=12][b][/b][/size]
  <a [size=12][b][/b][/size]
href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font[size=12][b][/b][/size]
 style="font-family: Tahoma; font-size: [size=12][b][/b][/size]
11px">{classical_row.recent_topic_row.switch_poster.S_POSTER}</font></a>[size=12][b][/b][/size]
    <br><!-- END recent_topic_row -->[size=12][b][/b][/size]
[size=12][b][/b][/size]
    </td>[size=12][b][/b][/size]
    </tr></table></td></tr></tbody></table>[size=12][b][/b][/size]
    <!-- END classical_row -->[/ltr]





..........
هاااااااام ِ اذا وجهتنا مشكلة في العرض علينا ان نقوم بعمل عنصر ونححط هذا الكود فيه


الكود:


[ltr]    <style>[size=12][b][/b][/size]
    div.title {[size=12][b][/b][/size]
    font-size: 12px;[size=12][b][/b][/size]
    font-weight: bold;[size=12][b][/b][/size]
    text-decoration: none;[size=12][b][/b][/size]
    color: #fff;[size=12][b][/b][/size]
    text-align:center;[size=12][b][/b][/size]
    }[size=12][b][/b][/size]
    </style>[size=12][b][/b][/size]
    <!-- BEGIN classical_row -->[size=12][b][/b][/size]
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="3" align="center"><tbody>[size=12][b][/b][/size]
    <thead><tr><th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">[size=12][b][/b][/size]
    <div class="ist">آخر المواضيع</div>[size=12][b][/b][/size]
    </th></tr></thead>[size=12][b][/b][/size]
    <tr>[size=12][b][/b][/size]
 [size=12][b][/b][/size]
  <td style="padding: 0px; background: rgb(255, 255, 255) none [size=12][b][/b][/size]
repeat scroll 0% 0%; -moz-background-clip: border; [size=12][b][/b][/size]
-moz-background-origin: padding; -moz-background-inline-policy: [size=12][b][/b][/size]
continuous;" width="100%">[size=12][b][/b][/size]
    <table border="0" cellpadding="0" cellspacing="0" colspan="3" width="100%">[size=12][b][/b][/size]
[size=12][b][/b][/size]
    <tr><td class="catHead" colspan="2" width="50%">[size=12][b][/b][/size]
    <div class="title"><font color="black">الموضوع</font></div>[size=12][b][/b][/size]
    </td>[size=12][b][/b][/size]
    <td class="catHead" colspan="1" width="25%">[size=12][b][/b][/size]
    <div class="title"><font color="black">تاريخ ارسال  المشاركة</font></div>[size=12][b][/b][/size]
    </td>[size=12][b][/b][/size]
    <td class="catHead" colspan="1" width="25%">[size=12][b][/b][/size]
    <div class="title"><font color="black">بواسطة</font></div>[size=12][b][/b][/size]
    </td></tr>[size=12][b][/b][/size]
[size=12][b][/b][/size]
    <tr valign="top">[size=12][b][/b][/size]
 [size=12][b][/b][/size]
  <td colspan="1" style="border-top: 0px none; padding: 0px; [size=12][b][/b][/size]
background: transparent [size=12][b][/b][/size]
url(https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) [size=12][b][/b][/size]
no-repeat scroll center top; -moz-background-clip: border; [size=12][b][/b][/size]
-moz-background-origin: padding; -moz-background-inline-policy: [size=12][b][/b][/size]
continuous;" width="24"><img src="https://2img.net/i/fa/empty.gif"[size=12][b][/b][/size]
 width="24" border="0"></td><td style="border-top: 0px none;[size=12][b][/b][/size]
 padding: 0px; line-height: 20px; background-repeat: repeat;" [size=12][b][/b][/size]
align="left" [size=12][b][/b][/size]
background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"[size=12][b][/b][/size]
 width="50%">[size=12][b][/b][/size]
[size=12][b][/b][/size]
    <!-- BEGIN recent_topic_row -->[size=12][b][/b][/size]
  [size=12][b][/b][/size]
 <a [size=12][b][/b][/size]
href="{classical_row.recent_topic_row.U_TITLE}"><b><font [size=12][b][/b][/size]
style="font-family: Tahoma; font-size: [size=12][b][/b][/size]
11px">{classical_row.recent_topic_row.L_TITLE}</font></b></a><br>[size=12][b][/b][/size]
[size=12][b][/b][/size]
    <!-- END recent_topic_row -->[size=12][b][/b][/size]
    </td>[size=12][b][/b][/size]
 [size=12][b][/b][/size]
  <td style="border-top: 0px none; padding: 0px; line-height: [size=12][b][/b][/size]
16.5px; background-repeat: repeat;" align="center" [size=12][b][/b][/size]
background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"[size=12][b][/b][/size]
 width="25%">[size=12][b][/b][/size]
    <span class="gensmall">[size=12][b][/b][/size]
    <!-- BEGIN recent_topic_row -->[size=12][b][/b][/size]
    <img src="https://2img.net/r/ihimizer/img816/9845/11750606.png" width="16px" height="16px" />[size=12][b][/b][/size]
    {ON} {classical_row.recent_topic_row.S_POSTTIME}[size=12][b][/b][/size]
    <br><!-- END recent_topic_row -->[size=12][b][/b][/size]
    </span>[size=12][b][/b][/size]
    </td>[size=12][b][/b][/size]
 [size=12][b][/b][/size]
  <td style="border-top: 0px none; padding: 0px; line-height: 17px; [size=12][b][/b][/size]
background-repeat: repeat;" align="left" [size=12][b][/b][/size]
background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"[size=12][b][/b][/size]
 width="25%">[size=12][b][/b][/size]
    <!-- BEGIN switch_poster -->[size=12][b][/b][/size]
    <a [size=12][b][/b][/size]
href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>[size=12][b][/b][/size]
    <!-- END switch_poster -->[size=12][b][/b][/size]
    <!-- BEGIN switch_poster_guest -->[size=12][b][/b][/size]
    {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}[size=12][b][/b][/size]
    <!-- END switch_poster_guest -->[size=12][b][/b][/size]
    <!-- BEGIN recent_topic_row -->[size=12][b][/b][/size]
    <img src="http://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png">[size=12][b][/b][/size]
 [size=12][b][/b][/size]
  <a [size=12][b][/b][/size]
href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font[size=12][b][/b][/size]
 style="font-family: Tahoma; font-size: [size=12][b][/b][/size]
11px">{classical_row.recent_topic_row.switch_poster.S_POSTER}</font></a>[size=12][b][/b][/size]
    <br><!-- END recent_topic_row -->[size=12][b][/b][/size]
[size=12][b][/b][/size]
    </td>[size=12][b][/b][/size]
    </tr></table></td></tr></tbody></table>[size=12][b][/b][/size]
    <!-- END classical_row -->[/ltr]





اذا ظهرت مسافة في الكود نقوم بوضع هذا في ورقة css

الكود:

[ltr]<table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td class="code" align="left">#right{[size=12][b][/b][/size]
position: absolute;[size=12][b][/b][/size]
top: 5px;right: 5px;[size=12][b][/b][/size]
width: 18%;[size=12][b][/b][/size]
float: right;[size=12][b][/b][/size]
}[size=12][b][/b][/size]
[size=12][b][/b][/size]
</td></tr></table>[/ltr]








ومبروك عليك الكود ِ ان شاء الله اكون وفقت في شرحي

descriptionكود شريط اخر المواضيع  Emptyرد: كود شريط اخر المواضيع

more_horiz
الف شكر لك على الروعة وجمال الكود
سلمت يداك على طرحك الاكثر من رائع
و الله يعطيك الف عافيه
وفي انتظاااار جديدك
Angel 

سجل دخولك أو سجل عضوية جديدة لتستفيد أكثر من المنتدى!

سجل دخولك أو سجل عضوية جديدة لتحصل على المزيد من المنتدى!

تسجيل الدخول

إذا كان لديك حساب ، الرجاء تسجيل الدخول

تسجيل الدخول
تسجيل عضوية جديدة

إنشاء حساب جديد في المنتدى مجاني تمامًا

قم بالتسجيل الآن
 KonuEtiketleri عنوان الموضوع
كود شريط اخر المواضيع
 Konu Linki رابط الموضوع
 Konu BBCode BBCode
 Konu HTML Kodu HTML code
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى