كود أخر المواضيع بشكل جديد ؟؟ Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

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

كود أخر المواضيع بشكل جديد ؟؟

3 مشترك

اذهب الى الأسفل

كود أخر المواضيع بشكل جديد ؟؟ Empty كود أخر المواضيع بشكل جديد ؟؟

مُساهمة من طرف AHMED_DEABS السبت 14 يوليو 2012 - 21:11


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

أريد كود لأخر المواضيع يكون بشكل جديد ورائع

ولا يتعارض تركيبه مع أى منتدى سواء فى الألوان والصور

ويوضع أعلى الصفحة

وياحبذا لو كان الشرح بالصور

جزاكم الله خيراً

AHMED_DEABS
AHMED_DEABS
 
 

ذكر
عدد المساهمات : 300
معدل النشاط : 5771
السُمعة : 3

http://eng2010.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود أخر المواضيع بشكل جديد ؟؟ Empty رد: كود أخر المواضيع بشكل جديد ؟؟

مُساهمة من طرف DonJwaaN الأحد 15 يوليو 2012 - 0:55

DonJwaaN
DonJwaaN
 
 

ذكر
عدد المساهمات : 5218
معدل النشاط : 9497
السُمعة : 14

http://5admt-arab.ibda3.org/forum

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود أخر المواضيع بشكل جديد ؟؟ Empty رد: كود أخر المواضيع بشكل جديد ؟؟

مُساهمة من طرف AHMED_DEABS الأحد 15 يوليو 2012 - 1:03


أريد الشريط الرأسى مثل الموجود هنا

http://www.myfriends2.net/

جزاكم الله خيرا
AHMED_DEABS
AHMED_DEABS
 
 

ذكر
عدد المساهمات : 300
معدل النشاط : 5771
السُمعة : 3

http://eng2010.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود أخر المواضيع بشكل جديد ؟؟ Empty رد: كود أخر المواضيع بشكل جديد ؟؟

مُساهمة من طرف KhALiD-Net الأحد 15 يوليو 2012 - 3:10

اهلا الشرح كان موجود لكن تم نقله مرة اخرى للشكايات
تابع الان

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

كود أخر المواضيع بشكل جديد ؟؟ 3k03pmnzp9dlalvedbrc

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






كود أخر المواضيع بشكل جديد ؟؟ Latest10

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

كود أخر المواضيع بشكل جديد ؟؟ 3k03pmnzp9dlalvedbrc

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

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

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


كود أخر المواضيع بشكل جديد ؟؟ 3k03pmnzp9dlalvedbrc

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



كود أخر المواضيع بشكل جديد ؟؟ Settin10

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


كود أخر المواضيع بشكل جديد ؟؟ Settin11


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


كود أخر المواضيع بشكل جديد ؟؟ Aseer510

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

#right{
position: absolute;
top: 5px;right: 5px;
width: 18%;
float: right;
}
KhALiD-Net
KhALiD-Net
 
 

ذكر
عدد المساهمات : 3545
معدل النشاط : 9055
السُمعة : 152

http://ask.fm/kha10

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود أخر المواضيع بشكل جديد ؟؟ Empty رد: كود أخر المواضيع بشكل جديد ؟؟

مُساهمة من طرف AHMED_DEABS الأحد 15 يوليو 2012 - 16:59


جزاك الله خيراً
لقد وضعت الأكواد كما هو معطى
وظهر بالفعل لكن هناك مشاكل فى تفعيل الروابط فى الجدول
وهذا هو رابط المنتدى لمعاينة المشكلة
http://eng2010.yoo7.com/

فى إنتظار ردكم
جزاكم الله خيراً

AHMED_DEABS
AHMED_DEABS
 
 

ذكر
عدد المساهمات : 300
معدل النشاط : 5771
السُمعة : 3

http://eng2010.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود أخر المواضيع بشكل جديد ؟؟ Empty رد: كود أخر المواضيع بشكل جديد ؟؟

مُساهمة من طرف AHMED_DEABS الأحد 15 يوليو 2012 - 20:05

الحمد لله عدلت على الكود واشتغل تماااام من غير أخطاء الكود اهه

جزاكم الله خيراً



<style>
div.title {
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: #000000;
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: transperant
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="https://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="center"
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: Times New Roman; 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:
20px; 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="https://2img.net/r/ihimizer/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: 20px;
background-repeat: repeat;" align="center"
background="https://2img.net/h/i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"
width="25%">
<!-- BEGIN switch_poster -->
{ON} {classical_row.recent_topic_row.switch_poster.S_POSTER}
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{ON} {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
<!-- BEGIN recent_topic_row -->

<imgsrc="http://www.birazkisisel.com/wp-content/plugins/wp-favorite-posts/img/star.png">

<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><font
style="font-family: Times New Roman; 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 -->

AHMED_DEABS
AHMED_DEABS
 
 

ذكر
عدد المساهمات : 300
معدل النشاط : 5771
السُمعة : 3

http://eng2010.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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