منتديات غلاها
مرحباً بك عزيزي الزائر

في منتديات غلآهآ~

نرجو التسجيل يا اعز الزوار

مرحبا بك مرة اخرى

يسعدنا إنضمامك معنا في هذا المنتدى المتواضع

لنتشرف بمشاركاتك النيرة والمفيدة

أو تسجيل الدخول إذا كنت من أحد أفراد أسرة المنتدى

فأهلاً بك.~

ادارة المنتدى
منتديات غلاها
مرحباً بك عزيزي الزائر

في منتديات غلآهآ~

نرجو التسجيل يا اعز الزوار

مرحبا بك مرة اخرى

يسعدنا إنضمامك معنا في هذا المنتدى المتواضع

لنتشرف بمشاركاتك النيرة والمفيدة

أو تسجيل الدخول إذا كنت من أحد أفراد أسرة المنتدى

فأهلاً بك.~

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


اهلا بك يا احلى
 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
Admin
صحاب الموقع
صحاب الموقع
Admin


الاوسمة : الإدارة المميز
آلـٍبـُلآد~ : الجزائر
آلـُجـٍنـُسِ~ : ذكر
عـٍدُد الـٍمـًسآهـٍمـٌآتٍ~ : 539
نقاط : 1243286
السٌّمعَة : 2
تاريخ الميلاد : 25/11/1990
تٍآرُيـُخ آلـٍسـجُـيـٍلً~ : 27/07/2010
آلـٍعـُمـُرٍ~ : 34

(تومبلايت) شريط اخر المواضيع الرائع 2012 Empty
مُساهمةموضوع: (تومبلايت) شريط اخر المواضيع الرائع 2012   (تومبلايت) شريط اخر المواضيع الرائع 2012 Emptyالجمعة أغسطس 10, 2012 4:51 am


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





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

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

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

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

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

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


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

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


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

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

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


والان اخر خطوتين
لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب overall_header ونضغط عليه تعديل (تومبلايت) شريط اخر المواضيع الرائع 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 ونضغط عليه تعديل (تومبلايت) شريط اخر المواضيع الرائع 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>
    <!-- نهاية الكود-->

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

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

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

ومبروك عليك الكود ِ ان شاء الله اكون وفقت في شرحي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://glahaa-1111.0wn0.com
karimzal
عضو جديد
عضو جديد
karimzal


آلـٍبـُلآد~ : تونس
آلـُجـٍنـُسِ~ : ذكر
عـٍدُد الـٍمـًسآهـٍمـٌآتٍ~ : 5
نقاط : 5
السٌّمعَة : 0
تاريخ الميلاد : 18/10/1985
تٍآرُيـُخ آلـٍسـجُـيـٍلً~ : 14/10/2012
آلـٍعـُمـُرٍ~ : 39

(تومبلايت) شريط اخر المواضيع الرائع 2012 Empty
مُساهمةموضوع: رد: (تومبلايت) شريط اخر المواضيع الرائع 2012   (تومبلايت) شريط اخر المواضيع الرائع 2012 Emptyالأحد أكتوبر 14, 2012 4:54 pm

جزاك الله خير الجزاء
معلومات قيمه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
(تومبلايت) شريط اخر المواضيع الرائع 2012
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  كود اخر المواضيع الجديد 2012
»  حصرى على احلى حكايه [ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 زي منتدان
»  نسخة full لعبة pes 2012 للكمبيوتر بيس 2012 كاملة + الكراك + mediafire
»  كود وضع أطار احترافي للآدوات تحكم في المواضيع ِِجميل جدا
»  لوضع اطأر للرئيسيه وداخل المواضيع بشكل جميل جدا للنسخه (invision)

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