السلام عليكم

سنشرح تعديل جميل في التمبلات يجعل منتداك قمة في الروعة وهي جعل حقل المشرفون ضمت ايقونة ( صورة ) عند تقريب الماوس تظهر نافذة صغيرة تعرض بها المشرفون على القسم ..

لمعاينة التطبيق :
هنا الشكل النهائي بعد وضع الكود دون تقريب الماوس على الايقونة

[ Template ] خانة المشرفون بشكل مميز عند الاقسام 33130385

وعند تقريب الماوس يصبح الشكل كالتالي

[ Template ] خانة المشرفون بشكل مميز عند الاقسام 90684514


نبدأ بالشرح :

1- لوحة الأدارة
2- مظهر المنتدى
3- أدارة التمبلات ---> ادارة عامة
4-
index_box
نضغط زر تعديل
5-
أضغط على CTRL + F
ابحث عن الكود التالي

الكود:

    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->

واستبدله بالكود التالي

الكود:

    <span class="genmed"></span><span class="gensmall"><span class="gensmall"><ul id="topMenu"><li class="" onmouseover="this.className = 'over';" onmouseout="this.className = '';"></li><li class="" onmouseover="this.className = 'over';" onmouseout="this.className = '';"><img src="http://i65.servimg.com/u/f65/14/75/40/08/10-06-10.gif" alt=""><ul style="width: 200px; top: 10px; left: 20px;" -3px;="" 25px;="" 50%="" top:="" 26px;="" left:="" 10px;=""><li><table class="forumline" width="100%" border="0" cellpadding="0" cellspacing="1"><tbody><tr><td class="row1" onmouseover='this.className="row2"' onmouseout='this.className="row1"' width="100%"><strong><strong><span class="mod-text">                <!-- BEGIN switch_moderators_links -->
        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
        <!-- END switch_moderators_links --></strong></span></a></strong><br></strong></strong><br></td></tr></tbody></table></li></ul></li></ul><table dir="ltr" border="0" cellpadding="0" cellspacing="0"><style>#topMenu{padding: 0;margin: 0;list-style: none;}#topMenu li{float: left;list-style:none;position: relative;}#topMenu li ul{display: none;position: absolute;left: 0;padding: 0;margin: 0;}#topMenu li:hover ul, #topMenu li.over ul{display: block;}</style></table></span></span>

بعد اضافة الكود بالمكان المشروح
اضغط سجل ومن ثم أضف القالب بالضغط على زر +
gg444g