هيلبرنت | Helpernt - طريقة اخفاء وصف الاقسام الرئيسية و الفرعية و اظهارها بشكل تلميحات 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>