فرسان الدعم تصميم ... استايلات... برامج ...شروحات فوتوشوب
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

شاطر
 

 [TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
ADMIN
...::|مؤسس فرسان الدعم |::...
...::|مؤسس فرسان الدعم |::...
ADMIN


البلد : [TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 710
المشاركات المشاركات : 3993
المتصفح : متصفح موزيلا فير فوكس
النسخة : نسخة Phpbb2
الإعجابات الإعجابات : 3
تاريخ التسجيل ♦ : 14/10/2012
احترام قوانين المنتدى : %100

[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 Empty
مُساهمةموضوع: [TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012   [TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 I_icon_minitime3/29/2013, 11:31


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





تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 Latest10

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

[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 3k03pmnzp9dlalvedbrc

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

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

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


[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 3k03pmnzp9dlalvedbrc

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


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 Settin10

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

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 Settin11


والان اخر خطوتين
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب overall_header ونضغط عليه تعديل [TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 Editer

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

الكود:
<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 ونضغط عليه تعديل [TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 Editer

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

الكود:
    <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%22%3E]www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png">[/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>
    <!-- نهاية الكود-->

[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 Aseer510

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

الكود:
#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}

ومبروك عليك الكود ِ ان شاء الله اكون وفقت في شرحي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://forsanda3m.ahlamontada.com
abo zyad
...::|عضو محترف|::...
...::|عضو محترف|::...
abo zyad


البلد : [TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 710
المشاركات المشاركات : 684
المتصفح : متصفح اوبيرا
النسخة : نسخة Phpbb2
الإعجابات الإعجابات : 2
تاريخ التسجيل ♦ : 18/07/2013
احترام قوانين المنتدى : %100

[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 Empty
مُساهمةموضوع: _da3m_12   [TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 I_icon_minitime7/19/2013, 17:23

[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 Tealscrollroses
مشكورين علي الموضوع الشيق والجميل
في انتظار مشاركاتكم المييزه
واصلوا تميزكم وتقبلوا مروري

[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012 Tealscrollroses
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://..................
 
[TEMPLATE] (تومبلايت) شريط اخر المواضيع الرائع 2012
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» [TEMPLATE]اضافة الوان جديدة في انشاء المواضيع (تومبلايت)
» شريط وضع اخر المواضيع في اعلى منتدى الرائع 2014 كما الفي بي مقدم لكم من فرسان الدعم
» [TEMPLATE]حصرى على احلى حكايه [ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى
» [TEMPLATE] كود [Template] ادوات المواضيع بشكل رائع
»  [Template] كود تومبلايت لوضع صورة تحت وفوق الفئات قالب index_box

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