شرح لكيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome

[هيلبرنت]

موضوعنا اليوم عن كيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome ,, الشرح سهل وبسيط بإذن الله ولا يحتاج لمجهود ,, فقط عليك بالتركيز قليلا فى الشرح ثم التطبيق .
دعونا نبدأ ,,
1- ارفع ملف الـ CSS المرفق داخل مجلد منتداك اينما تشاء وليكن على المسار التالى ,,

🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.

2- إذهب إلى لوحة تحكم منتداك ,,

🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.

3- الإستايلات والقوالب ,,




* التحكم بالإستايلات ,,





* قم بإختيار الإستايل المراد العمل عليه ,,




فى قالب الـ headinclude قم باضافة الكود التالى مع تغيير مسار الملف الى المسار الخاص بك الذى وضعت فيه ملف الـ CSS .
كود:
<link rel="stylesheet" href="clientscript/simptip.css" type="text/css" media="screen" />

4- فى آخر القائمة إضغط حفظ ,,



ولاضافة ايقونة من مكتبة Font Awesome مع تلميحات الـ Tooltip ننسخ الكود التالى مع تغيير ما يلزم ,,

🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.

يمكنك إختيار الأيقونة التى تريدها من خلال الدخول إلى المكتبة من هنا ,, Font Awesome Icons

يمكنك التحكم فى لون الأيقونة من هنا ,, color:#24356C
اما بالنسبة للتحكم فى لون الهوفر للأيقونة - يمكنك التحكم فيه باضافة الكود التالى إلى تعاريف CSS الإضافية/Additional CSS Definitions

🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.

مع تغيير ما يلزم من لون تريد و إسم الأيقونة التى تستخدمها ,,

 

[SMART]

شرح مفصل وإحترافي

 

[هيلبرنت]

يارب يفيد الاعضاء

 

[سينشي كودو]

أخي اشكرك جدا ً

كيف بتقدر تتحكم بمكان التلميح يعني احيانا ً يطلع بجانب الكلام و احيانا اسفل منه ..؟؟

 

[سينشي كودو]

أخي لا يوجد ملف css مرفق