منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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


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

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

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

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

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

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

avatar
AHMED_DEABS
 
 

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

http://eng2010.yoo7.com/

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

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

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

avatar
DonJwaaN
 
 

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

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

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

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

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


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

http://www.myfriends2.net/

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

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

http://eng2010.yoo7.com/

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

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

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

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

شريط اخر المواضيع الرائع 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://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="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>
    <!-- نهاية الكود-->




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

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

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

http://ask.fm/kha10

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

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

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


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

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

avatar
AHMED_DEABS
 
 

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

http://eng2010.yoo7.com/

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

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

مُساهمة من طرف 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(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://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="center"
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: 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="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: 20px;
background-repeat: repeat;" align="center"
background="http://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 -->

avatar
AHMED_DEABS
 
 

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

http://eng2010.yoo7.com/

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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