أريد كود خانة المشرفين ...

ممكن مثال للتوضيح

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

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

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

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

الكود:

 <!-- 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>

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

مهمل من صحاب الموضوع
يغلق

مهمل من قبل صاحبه