العودة   منتديات عميد التعريب > >

قوالب WordPress و Blogger و سكريبتات متنوعة قوالب WordPress و Blogger و سكريبتات متنوعة



إضافة رد

قديم 2017-06-23, 15:07   رقم المشاركة :1
معلومات العضو
عميد نشيط
إحصائية العضو





مستوى التقييم: 3
جمال سعيد is on a distinguished road
المنتدى : قوالب WordPress و Blogger و سكريبتات متنوعة
Arrow كيفيه إنشاء علامات تبويب Tabs بسهولة


منتديات عميد التعريب





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

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

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



1. jQuery idTabs :

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

*طبعا الملفات نضعها في مجلد القلب أعلاه بالمثال اعلاه تم وضع الملفين في داخل مجلد js الموجود في مجلد القالب .

2. HTML :

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



****************نص في التبويب الأول****
************نص في التبويب الثاني****
************نص في التبويب الثالث****

*

3. CSS :

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

/* Side Tabs */*.sidetabs {****background: none repeat scroll 0 0 #181818;****border: 1px solid #222222;****color: #111111;****margin: 8px auto;****padding: 15px 20px;****width: 250px;}.sidetabs li {****float: right;****list-style: none outside none;}.sidetabs ul {****margin:0;}.sidetabs ul a {****background: none repeat scroll 0 0 #444444;****color: #FFFFFF;****display: block;****font: 12px Tahoma;****margin: 1px 0 1px 1px;****padding: 6px 10px;****text-decoration: none !important;}.sidetabs ul a:hover {****background: none repeat scroll 0 0 #111111;****color: #FFFFFF;}.sidetabs ul a.selected {****background: none repeat scroll 0 0 snow;****border-bottom: 1px solid snow;****color: #000000;****cursor: default;****margin-bottom: 0;}.sidetabs div {****background: none repeat scroll 0 0 snow;****clear: right;****font: 12px Tahoma;****padding: 10px 10px 8px;}.sidetabs div a {****color: #000000;}


وهكذا نكون انتهينا من*إنشاء علامات تبويب Tabs .


الموضوع كيفيه إنشاء علامات تبويب Tabs بسهولةظهرت أولاً على منتديات عميد التعريب.






جمال سعيد غير متواجد حالياً   رد مع اقتباس

إضافة رد

مواقع النشر (المفضلة)

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

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML متاحة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
فيس بوك تضيف تبويب الأفلام لشراء تذاكر السينما ومواعيد العرض بشرى شؤون الإنترنت 0 2017-09-10 23:13
شرح طريقة إنشاء حساب ايميل هوتميل جديد عربي بسهولة Hotmail Account المـــعـــلـــم غير مصنف 0 2017-07-23 17:44
كيفيه الحصول على درجه 7.5 في اختبار الايلتس 00962798140440 كيفيه الحصول على درجه 7.0 جاد الله سعيد السياحة و السفر 0 2017-05-08 04:31
المملكة تتمتع ببنية اقتصادية متينة تؤهلها لدور أكبر على الساحة العالمية قمرهم كلهم شؤون الجوال 0 2012-08-16 06:00
المملكة تتمتع ببنية اقتصادية متينة تؤهلها لدور أكبر على الساحة العالمية afissa.zakariya شؤون الإنترنت 0 2012-08-16 06:00


الساعة الآن 16:03

جميع المشاركات المكتوبة تعبّر عن وجهة نظر صاحبها .. ولا تعبر عن وجهة نظر إدارة المنتدى بأي شكل من الأشكال



ساهم معنا
تبرع لتساعد على الاستمرار ومواصلة تعريب البرامج للعالم العربي.
ساهم في صمود وبقاء ونشر اللغة العربية في العالم من أجل الأجيال القادمة.
تودع مبالغ التبرعات في احد الحسابات التالية
اسم البنك
رقم الحساب
بنك الراجحي _ من خارج السعودية
IBAN - SA2880000141608010128882
بنك الراجحى _ من داخل السعودية 141608010128882



Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Optimisation provided by DragonByte SEO (Pro) - vBulletin Mods & Addons Copyright © 2017 DragonByte Technologies Ltd.
جميع الحقوق محفوظة لموقع منتديات عميد التعريب 2010 - 2017 ©