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

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

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

طريقة العمل : لوحة الادارة → عناصر اضافية → إدارة العناصر المستقلة على المنتدى
ونعمل الاعدادت التالية
إظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى : نعم
عرض العمود 1 (اليمين) : 999
عرض العمود 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*/

الكود كامل من انجازي والله شهيد علي ذلك ِ والرجاء حفاظ علي حقوقي
وبارك الله فيكم ِ اخوكم احمد المصري

شكرآآآآ لك

مشكووور يالغالي

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

شكرا جزيلا لك شكرا جزيلا لك شكرا جزيلا لك شكرا جزيلا لك شكرا جزيلا لك شكرا جزيلا لك شكرا جزيلا لك شكرا جزيلا لك

دائما متميز في الانتقاء
سلمت على روعه طرحك
نترقب المزيد من جديدك الرائع
دمت ودام لنا روعه مواضيعك

لكـ خالص احترامي

من جد موضوع روووووووعه كروعتك

دآئمآآ متميز/ة

دووم يارب هـ الابدآع والتميز

يعطيك ربي الف عافية

تحياتي لك ولشخصك الرائع

تقبل/ي مروري