منتدى السلسبيل
أهلا وسهلا بك زائرنا الكريم، انت لان تتصفح المنتدى برتبة زائرولاتتمتع بكافة الحقوق والمزايا في المنتدى، فيرجى التكرم بزيارةصفحة التسجيل, والترقي الى رتبة عضو لتتيح لك هده الرتبة بلمشاركة معنا وتصفح المواضيع بكل حرية وامان والحصول على امتيازت المنتدى والترقي الى اعلى الرتب



طريقة التسجيل بلمنتدى


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


شكرا


منتدى السلسبيل, العلم, معرفة, ترفيه, تسلية. اكواد, استايلات ,تصميم ,دردشة,هكرز,اسلاميات,مسابقات,رياضة
 
الرئيسيةالرئيسية  البوابةالبوابة  مركز التحميل  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  
المواضيع الأخيرة
» اكبر موسوعة تعليمية للسنة 4 متوسط في جميع المواد
من طرف الفتى المدهش الأربعاء ديسمبر 24, 2014 3:39 pm

» حصريا اكبر مكتبة العاب الجوال بصيغة jar (اكثر من 600 لعبة )
من طرف zaksad الجمعة أكتوبر 17, 2014 10:46 pm

» طريقة تفعيل KasperSky Internet Security 2013 مدى الحياة
من طرف ابو ايمن الإثنين أكتوبر 13, 2014 12:17 am

» شرح طريقة التعامل مع ثغرة المنتديات phpbb
من طرف marqise الخميس سبتمبر 04, 2014 6:51 pm

» طريقة تفعيل KasperSky Internet Security 2012 مدى الحياة
من طرف hassan_66 الأحد أغسطس 10, 2014 10:36 pm

» Un Abstrait 3D avec Photoshop
من طرف albarçaloni الأربعاء مارس 19, 2014 6:12 pm

» تابع نعيم الجنة
من طرف marqise الأحد مارس 16, 2014 9:57 pm

» وتحسبونه هيّنا وهو عند الله عظيم ،،
من طرف marqise الأحد مارس 16, 2014 9:56 pm

» (Internet Download Manager 6.15 + C-r-a-c-k (2013
من طرف marqise الأحد مارس 16, 2014 9:54 pm


شاطر | 
 

  شريط اخر المواضيع تومبلايت

اذهب الى الأسفل 
كاتب الموضوعرسالة
albarçaloni
مؤسس المنتدى
avatar

. : .
الجنس : ذكر
عدد المساهمات : 599
نقاط : 1956
تاريخ التسجيل : 17/02/2012
العمر : 24
الابراج : القوس
دولة : الجزائر
الموقع : mentada-selsabil.alafdal.net
مزاجي :
هوايتي: :

الساعة : وسام العضو : وسام لادارة


مُساهمةموضوع: شريط اخر المواضيع تومبلايت   الثلاثاء أكتوبر 29, 2013 8:41 pm

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

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


صورة للكود بعد العمل




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



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

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

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




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



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




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

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



الرمز:
الرمز:
[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]
نقوم بأستبداله بهذا الكود

الرمز:
الرمز:
[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]


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

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

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


الرمز:
الرمز:
[ltr]    <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(https://2img.net/h/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://illiweb.com/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="https://2img.net/h/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="https://2img.net/h/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="https://2img.net/h/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://[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
 
  <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 -->[/ltr]

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


الرمز:
الرمز:
[ltr]<table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td class="code" align="left"><!--كود جعل العناصر متسواية -->
    </td>
      </tr>
    </tbody>
    </table>
    <!-- نهاية الكود-->
</td></tr></table>[/ltr]



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

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

</td></tr></table>[/ltr]

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




شركة عرب سوفت التطويرية 


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://mentada-selsabil.alafdal.net
 
شريط اخر المواضيع تومبلايت
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى السلسبيل  :: قسم تطوير المواقع (اكواد HTML.CSS.JAVA) :: أكواد التومبلايت-
انتقل الى:  
Page Ranking Tool
[Valid RSS]
Preview on Feedage: %D9%85%D9%86%D8%AA%D8%AF%D9%89-%D8%A7%D9%84%D8%B3%D9%84%D8%B3%D8%A8%D9%8A%D9%84- Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki