شبكة ومنتديات سعودي فيوتشر
(تومبلايت) شريط اخر المواضيع الرائع 2012 18620
عزيزي الزائر

لـَاننآ نعشق آلتميز و آلمميزين يشرفنآ آنضمآمك معنآ في شبكة ومنتديات سعودي فيوتشر وحينمآ تقرر آن تبدآ مع منتدى اهااات ينبغي عليك آن تبدآ كبيرآ .. فآلكل كبيرُُ هنآ . وحينمآ تقرر آن تبدآ في آلكتآبه
في منتدانآ.. فتذكر آن منتدانآ يريدك مختلفآ .. تفكيرآ .. وثقآفةً .. وتذوقآ .. فآلجميع هنآ مختلفون ..

نحن ( نهذب ) آلمكآن ، حتى ( نرسم ) آلزمآن !!
لكي تستطيع آن تتحفنآ بمشآركآتك وموآضيعـك
(تومبلايت) شريط اخر المواضيع الرائع 2012 685304

عن طريق التسجيل معنا
شبكة ومنتديات سعودي فيوتشر
(تومبلايت) شريط اخر المواضيع الرائع 2012 18620
عزيزي الزائر

لـَاننآ نعشق آلتميز و آلمميزين يشرفنآ آنضمآمك معنآ في شبكة ومنتديات سعودي فيوتشر وحينمآ تقرر آن تبدآ مع منتدى اهااات ينبغي عليك آن تبدآ كبيرآ .. فآلكل كبيرُُ هنآ . وحينمآ تقرر آن تبدآ في آلكتآبه
في منتدانآ.. فتذكر آن منتدانآ يريدك مختلفآ .. تفكيرآ .. وثقآفةً .. وتذوقآ .. فآلجميع هنآ مختلفون ..

نحن ( نهذب ) آلمكآن ، حتى ( نرسم ) آلزمآن !!
لكي تستطيع آن تتحفنآ بمشآركآتك وموآضيعـك
(تومبلايت) شريط اخر المواضيع الرائع 2012 685304

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


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

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
الرسام
.
الرسام


المملكة العربية السعوية
رقم العضوية : 1
ذكر
الجدي
عدد المساهمات : 2624
تاريخ التسجيل : 29/12/2009
المزاج : متعلق برضاكم

الورقة الشخصية
الورقة الشخصية:
الورقة الشخصية(تومبلايت) شريط اخر المواضيع الرائع 2012 Empty
(تومبلايت) شريط اخر المواضيع الرائع 2012 Emptyal7afe

(تومبلايت) شريط اخر المواضيع الرائع 2012 Empty
مُساهمةموضوع: (تومبلايت) شريط اخر المواضيع الرائع 2012   (تومبلايت) شريط اخر المواضيع الرائع 2012 Emptyالإثنين يناير 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;
}



ومبروك عليك الكود ِ ان شاء الله اكون وفقت في شرحي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://saudifutuer.ahlamontada.com
 
(تومبلايت) شريط اخر المواضيع الرائع 2012
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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