- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .
شرح عمل tooltip في المنتدى
-
23-10-2023 07:30 مساءً
-
Sofiene2023معلومات الكاتبالأعضاءعضو فعال
- انضم في :
- 03-10-2023
- رقم العضوية :
- 9590
- المشاركات :
- 119
- الجنس:
- تاريخ الميلاد :
- 20-5-1979
- قوة السمعة:
- 1160
- موقعي:
- زيارة موقعي
-
في هذا الشرح سنتطرق إلى شرح كيفية إضافة tooltip في المنتدى كما هو موضّح في الصور التالية
كيفية التنصيب
نقوم برفع المجلد المرفق إلى جذر المنتدى
نقوم بنسخ الكود التالي في قالب headinclud
PHPCODE<link rel="stylesheet" type="text/css" href="simptip/simptip.min.css" media="screen,projection" />
نقوم بالتعديل في قالب sections_list
نبحث عن عبارة {if {$align} == 'right'} ونضع بعدها الكود التالي
Plain textCODE<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>
نبحث عن الكود التالي
PHPCODE<a href="index.php?page=topic&show=1&id={$forum['last_subjectid']}" >
ونضيف بعده الكود التالي
PHPCODE<span class="simptip-position-top simptip-movable half-arrow simptip-multiline simptip-info" data-tooltip="{$forum['last_subject_title']}">{$forum['last_subject']}</span>
نبحث عن الكود التالي
PHPCODE<a href="index.php?page=new_topic&index=1&id={$forum['id']}{$password}">
ونضيف بعده الكود التالي
PHPCODE<span class="simptip-position-left" data-tooltip="إضافة موضوع جديد">
نقوم بعد ذلك بتفريغ كاش المتصفح ونعاين النتيجة النهائية-
تم تحرير الموضوع بواسطة :Sofiene2023 بتاريخ: 23-10-2023 07:31 مساءً
-