عيد الاضحى المبارك


مواضيع تهمك

ركن تطوير منتديات vb3.8.0 القسم خاص بتطوير منتديات الجيل الثالث ويمنع منعاً باتاً.. كتابة اي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin ))

طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips

{ العنوان} : طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips بتاثير الماوس {الوصف} : شرح...

احصائياتى

الردود
2

المشاهدات
2045
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
10-13-2016, 10:59 PM
المشاركة 1
10-13-2016, 10:59 PM
المشاركة 1
افتراضي طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips
{ العنوان} : طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips بتاثير الماوس
{الوصف} : شرح اضافة تلميحات لوصف الاقسام بطريقة احترفية و بتعديل على القوالب

نبدأ الشرح

1- نقوم بادراج كود الـ css التالي في خانة تعاريف css الاضافية للاستايل المراد اجراء
التعديل عليه من خلال الدخول الى لوحة التحكم ثم التحكم بالاستايلات و اختيار الستايل ثم التعريف الاضافية
و نلصق الكود التالي بعد اجراء التعديلات عليه من حيث لون الخط و حجم الخط و لون الخلفية و الشفافية
بما يناسب ستايل منتداك و نضغط حفظ
الكود



كود:
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  white-space:nowrap;
  min-width: 50px;
  color: #FFFFFF;
  font-size: 12px;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
 
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #000000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  right: 100%;
  top: 50%;
  margin-top: -15px;
  margin-right: 10px;
  z-index: 999;
}


2- نفتح عن القالب forumhome_forumbit_level2_post
نبحث بداخله عن الكود التالي


كود:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>

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

كود:
                       <a class="tooltips" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong><span>$forum[description]</span></a>  
ثم نبحث عن الكود التالي في نفس القالب و نحذفه

كود:
                       <if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>  

3-نفتح القوالب
كود:
forumhome_subforumbit_post
                 و forumhome_forumbit_level1_post
نبحث بداخله عن الكود التالي
كود:
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>

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

كود:
<a class="tooltips" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]<span>$forum[description]</span></a>


قديم 09-06-2018, 02:31 PM
المشاركة 2
m7sen
.:: عضو مشارك ::.
  • m7sen غير متواجد حالياً
افتراضي رد: طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips
ممكن صورة للتوضيح ؟

قديم 09-06-2018, 06:53 PM
المشاركة 3
MesterPerfect
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • MesterPerfect غير متواجد حالياً
افتراضي رد: طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips
جزاك الله خيرا أخي على الشرح الرائع

اضافة رد

العلامات المرجعية

طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات tooltips
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتدى هيلبرنت ركن تطوير منتديات vb3.8.0 2 08-28-2023 09:26 AM
[ vBulletin 4 ] : طريقة عرض الاقسام الفرعية اسفل بعضها في الرئيسية ابوشـ@ـد ركن تطوير المنتديات vB 4.0.0 2 11-04-2020 02:38 AM
طريقة إظهار الاقسام الفرعية فى الصفحة الرئيسية للمنتديات XenForo هيلبرنت ركن شروحات الزين فورو XENFORO 9 07-24-2018 07:40 PM
[ شرح ] : طريقة جعل الاقسام الفرعية تحت بعضها بشكل عامودي abo-karim ركن شروحات الزين فورو XENFORO 6 01-23-2018 10:38 PM
طلب طريقة لاخفاء منتديات الاقسام الفرعية الفرعية من ظهورها في الاقسام الفرعية khairosoft ركن مشاكل وطلبات المنتديات 4 04-17-2016 08:57 PM




الساعة الآن 10:44 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum