بعد انجاز من العمل الطويل ِ بفضل الله قدرت اعمل لكم كود " اكثر المواضيع نشاطا " الكود كامل من انجازي والله شهيد علي ذلك الكود تلقائي بدون اي تعب . مصمم بتقنية ِ 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*/