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

[mido mix 0]

السلام عليكم

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


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

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

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>

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

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

[alfahloy-alfahloy 0]

كل الشكر على المجهود الممتاز
اتمنى المزيد من مواضيعك المميزة
تحياتى

[mido mix 0]

يــســعدنى ويــشرفنى مروورك الحاار
وردك وكلمااتك الأرووع
لاعــدمت الطلــّـه الـعطرهـ

[mr.mohamed 0]

موضوع ولا اروع
تسلم علي المجهود الرائع
فى انتظار الجديد منك
تقبل مرورى و تحياتى

[mido mix 0]

يــســعدنى ويــشرفنى مروورك الحاار
وردك وكلمااتك الأرووع
لاعــدمت الطلــّـه الـعطرهـ