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

السلام عليكم

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



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

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

http://a.imageshack.us/img84/8263/33130385.png

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

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

http://a.imageshack.us/img62/785/90684514.png

-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

نبدأ بالشرح :


1- لوحة الأدارة
2- مظهر المنتدى

تكبير الصورةتصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

http://a.imageshack.us/img138/2194/10973320.png

3- أدارة التمبلات ---> ادارة عامة

http://a.imageshack.us/img441/3167/19835721.png

4-
index_box
نضغط زر تعديل

5-
أضغط على CTRL + F

ابحث عن الكود التالي

الكود:

[font=Courier New]<!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->[/font]



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

الكود:

[font=Courier New]<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>[/font]


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

ومبرووووووووووووووك عليك الشكل المميز للمشرفون