[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
سنشرح تعديل جميل في التمبلات يجعل منتداك قمة في الروعة وهي
جعل حقل المشرفون ضمت ايقونة ( صورة ) عند تقريب الماوس تظهر نافذة
صغيرة تعرض بها المشرفون على القسم ..
الشرح بواسطة التمبلات للتعرف على خدمة التمبلات
ما هي
التومبلايت و ما دورها؟
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لمعاينة التطبيق :
هنا الشكل النهائي بعد وضع الكود دون تقريب الماوس على الايقونة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
وعند تقريب الماوس يصبح الشكل كالتالي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
نبدأ بالشرح :
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="https://i.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>
بعد اضافة الكود بالمكان المشروح
اضغط سجل ومن ثم أضف القالب بالضغط على زر +
ومبرووووووووووووووك عليك الشكل المميز للمشرفون
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أرجو ان أكوون قد وفقت في الشرح
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بالتوفيق للجميع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
سنشرح تعديل جميل في التمبلات يجعل منتداك قمة في الروعة وهي
جعل حقل المشرفون ضمت ايقونة ( صورة ) عند تقريب الماوس تظهر نافذة
صغيرة تعرض بها المشرفون على القسم ..
الشرح بواسطة التمبلات للتعرف على خدمة التمبلات
ما هي
التومبلايت و ما دورها؟
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لمعاينة التطبيق :
هنا الشكل النهائي بعد وضع الكود دون تقريب الماوس على الايقونة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
وعند تقريب الماوس يصبح الشكل كالتالي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
نبدأ بالشرح :
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="https://i.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>
بعد اضافة الكود بالمكان المشروح
اضغط سجل ومن ثم أضف القالب بالضغط على زر +
ومبرووووووووووووووك عليك الشكل المميز للمشرفون
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أرجو ان أكوون قد وفقت في الشرح
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بالتوفيق للجميع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]