الإعلانات

(تومبلايت)كود "اكثر المواضيع نشاطا" الذي طال انتظاره

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

avatar
Staying Alive

ذكر
عدد المساهمات : 125
نقاط : 375
تقييم العضو : 0
تاريخ الميلاد : 16/04/1992
العمـر : 26
http://top4u.hooxs.com/

مُساهمةStaying Alive في الجمعة يناير 18, 2013 9:21 pm

السلام عليكم ورحمة الله وبركاته
ورمضان مبارك على الامة الاسلامية وعلينا جميعا ان شاء الله

بعد انجاز من العمل الطويل ِ بفضل الله قدرت اعمل لكم
كود " اكثر المواضيع نشاطا " الكود كامل من انجازي والله شهيد علي ذلك

الكود تلقائي بدون اي تعب .
مصمم بتقنية ِ css2
الكود انسيابي وانيق

صورة لشكل الكود



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




ثم نسحب عنصر " المواضيع الأكثر نشاطً " الي العمود اليمين



ثم بعد ذلك نذهب الي التومبلايت
لوحة الادارة/مظهر المنتدي/التومبلايتات و القوالب/ البوابة
ثم نختار القالب mod_most_active_topics/المواضيع الأكثر نشاطاً
ونضغط عليه تعديل
نحذف الكود كامل ونضع مكانه الكود التالي

الكود:


<div align="center"><table  width="100%" border="0" cellspacing="1" cellpadding="0">
      <tbody><tr>
          <td class="a7medvirusw2"  border="0" width="10%">
            <span class="a7medvirusw4">أكثر المواضيع نشاطاً</span>
          </td>
          <td class="a7medvirusw3" border="0" align="center">
    <marquee direction="right">
            <!-- BEGIN TOPIC -->
                            <img src="http://i45.servimg.com/u/f45/15/95/28/21/star10.png" alt="a7medvirus" /> 

<a
 
onmouseover="document.getElementById('comments_scroll_container').stop();"
 
onmouseout="document.getElementById('comments_scroll_container').start();"
 href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.TITLE}</a>
         
            <!-- END TOPIC -->
                    </marquee>
                  </td>
      </tr>
    </table></div>



ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
ونضع كود التالي

الكود:



/*بداية كود المواضيع الأكثر نشاط*/
.a7medvirusw3{background-color:#cadfff;
 border: 1px dotted #999999;
border-bottom-left-radius: 8px;
        border-color: #29A5FF;
        border-left: 1px solid #29A5FF;
        border-right: 6px solid #29A5FF;
        border-style: solid;
        border-top-right-radius: 8px;
        border-width: 1px 6px 1px 1px;
        font: 11px Tahoma;
 
 }
.a7medvirusw2{background-color:#cadfff;
 border: 1px dotted #999999;
border-bottom-left-radius: 8px;
        border-color: #ff0000;
        border-left: 1px solid #ff0000;
        border-right: 6px solid #ff0000;
        border-style: solid;
        border-top-right-radius: 8px;
        border-width: 1px 6px 1px 1px;
        font: 11px Tahoma;
 
 }
 
.a7medvirusw4,
.a7medvirusw3{color:#000000;
 }
/*Copyright a7medvirus*/

avatar
عاشق مصر

ذكر
عدد المساهمات : 27
نقاط : 35
تقييم العضو : 0
تاريخ الميلاد : 08/08/1976
العمـر : 41
http://www.raltatwer.com

مُساهمةعاشق مصر في الأربعاء يونيو 26, 2013 11:08 pm

شكرا لك
avatar
Mr.ElHassan

ذكر
عدد المساهمات : 560
نقاط : 558
تقييم العضو : 0
http://new-com.mountada.net/

مُساهمةMr.ElHassan في السبت يوليو 20, 2013 5:58 pm

ابدعتم و احسنتم فجزاكم الله عنا خير الجزاء

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

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

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

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