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

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

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

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

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

https://i.servimg.com/u/f45/15/95/28/21/active10.png


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

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