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


مواضيع تهمك

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

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

موضوعنا اليوم عن كيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome ,, الشرح سهل وبسيط بإذن الله ولا يحتاج لمجهود ,, فقط...

احصائياتى

الردود
4

المشاهدات
1683
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت 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
11-11-2015, 11:41 PM
المشاركة 1
11-11-2015, 11:41 PM
المشاركة 1
افتراضي شرح لكيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome
موضوعنا اليوم عن كيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome ,, الشرح سهل وبسيط بإذن الله ولا يحتاج لمجهود ,, فقط عليك بالتركيز قليلا فى الشرح ثم التطبيق .
دعونا نبدأ ,,
1- ارفع ملف الـ CSS المرفق داخل مجلد منتداك اينما تشاء وليكن على المسار التالى ,,


كود:
vb/clientscript/simptip.css
2- إذهب إلى لوحة تحكم منتداك ,,


كود:
http://www.example.com/vb/admincp
3- الإستايلات والقوالب ,,




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





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




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

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



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


كود:
<a class="simptip-position-bottom simptip-smooth" data-tooltip="الرئيسية" href="http://www.egybasma.com/forum"><span style="color:#24356C" > <i class="fa fa-home fa-5x"></i></span></a>
يمكنك إختيار الأيقونة التى تريدها من خلال الدخول إلى المكتبة من هنا ,, Font Awesome Icons

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

كود:
.fa-home:hover {     color: #000000; }
مع تغيير ما يلزم من لون تريد و إسم الأيقونة التى تستخدمها ,,


قديم 11-12-2015, 12:12 AM
المشاركة 2
SMART
.:: عضو مشارك ::.
  • SMART غير متواجد حالياً
افتراضي رد: شرح لكيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome
شرح مفصل وإحترافي

قديم 11-12-2015, 12:18 AM
المشاركة 3
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: شرح لكيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome
يارب يفيد الاعضاء

قديم 01-19-2016, 12:23 PM
المشاركة 4
سينشي كودو
.:: عضو فعال ::.
  • سينشي كودو غير متواجد حالياً
افتراضي رد: شرح لكيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome
أخي اشكرك جدا ً

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

قديم 01-19-2016, 12:28 PM
المشاركة 5
سينشي كودو
.:: عضو فعال ::.
  • سينشي كودو غير متواجد حالياً
افتراضي رد: شرح لكيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome
أخي لا يوجد ملف css مرفق

اضافة رد

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

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


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

الانتقال السريع
المواضيع المتشابهه للموضوع: شرح لكيفية إستخدام تلميحات Tooltip مع مكتبة Font Awesome
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
تغيير رتب الاعضاء بمختصرات مكتبة Font Awesome safwan khazraji ركن تطوير منتديات vb3.8.0 6 01-18-2020 08:39 PM
[ vBulletin 3 ] : طريقة إستبدال أزرار محرر موضوع جديد بـ مكتبة Font Awesome مع تلميحات Tooltip hawaadzair ركن تطوير منتديات vb3.8.0 12 07-05-2019 02:25 PM
تغيير رتب الاعضاء وتحويلها الى مكتبة الخطوط Font Awesome هيلبرنت ركن تطوير منتديات vb3.8.0 11 08-30-2018 05:55 PM
طلب صندوق التحرير بأزرار من مكتبة Font Awesome HICHEM-27 ركن مشاكل وطلبات المنتديات 4 08-08-2016 05:30 PM
الرجوع للاعلى باستخدام مكتبة Font-Awesome safwan khazraji ركن تطوير منتديات vb3.8.0 0 03-30-2016 10:21 PM




الساعة الآن 12:47 AM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum