منتدى دعم PBBoard الرسمي - شرح عمل tooltip في المنتدى

منتدى دعم PBBoard الرسمي
(نسخة قابلة للطباعة من الموضوع)
https://pbboard.info/forums/t24610
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

شرح عمل tooltip في المنتدى

Sofiene2023

23-10-2023 07:30 مساءً

في هذا الشرح سنتطرق إلى شرح كيفية إضافة tooltip في المنتدى كما هو موضّح في الصور التالية

كيفية التنصيب

نقوم برفع المجلد المرفق إلى جذر المنتدى

نقوم بنسخ الكود التالي في قالب headinclud

CODE

<link rel="stylesheet" type="text/css" href="simptip/simptip.min.css" media="screen,projection" />

PHP

نقوم بالتعديل في قالب sections_list
نبحث عن عبارة {if {$align} == 'right'} ونضع بعدها الكود التالي

CODE

 <span class="simptip-position-top simptip-success" data-tooltip="{$lang['Go_to_last_post']}"><i class="Iconchevron fa fa-arrow-circle-left pkr-c" ></i></span>
 {else}
<span class="simptip-position-top simptip-success" data-tooltip="{$lang['Go_to_last_post']}"><i class="Iconchevron fa fa-arrow-circle-left pkr-c" ></i></span>

Plain text

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

CODE

<a href="index.php?page=topic&amp;show=1&amp;id={$forum['last_subjectid']}" >

PHP

ونضيف بعده الكود التالي

CODE

<span class="simptip-position-top simptip-movable half-arrow simptip-multiline simptip-info" data-tooltip="{$forum['last_subject_title']}">{$forum['last_subject']}</span>

PHP

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

CODE

<a href="index.php?page=new_topic&amp;index=1&amp;id={$forum['id']}{$password}">

PHP

ونضيف بعده الكود التالي

CODE

<span class="simptip-position-left" data-tooltip="إضافة موضوع جديد">

PHP

نقوم بعد ذلك بتفريغ كاش المتصفح ونعاين النتيجة النهائية

منتدى دعم PBBoard الرسمي