كيفيه إنشاء علامات تبويب Tabs بسهولة

كيفيه إنشاء علامات تبويب Tabs بسهولة

السلام عليكم ورحمه الله وبركاته ,
حصريا على مدونة عرب تكنولوجي لحلول الويب نقدم لكم كيفيه إنشاء علامات تبويب Tabs بسهولة .

سوف أشرح طريقة سهلة لإنشاء علامات تبويب Tabs بسهولة الطريقة تعتمد على jQuery وسوف نستخدم idTabs.

صورة توضيحية للنتيجة النهائية:

كيفيه إنشاء علامات تبويب Tabs بسهولة

1. jQuery idTabs :

سوف نستدعي الملفات المطلوبة أضف الأكواد التالية لملف الهيدر في داخل < head >:

2. HTML :

أضف الأكواد التالية في المكان الذي تريد أن تظهر فيه علامات التبويب في القالب:

3. CSS :

أضف الكود التالي إلى ملف الستايل:


 

وهكذا نكون انتهينا من إنشاء علامات تبويب Tabs .
467 كل المشاهدات 2 مشاهدة اليوم

مواضيع مشابهة قد تعجبك :

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *