الموضوع: Tabs - مع شرح استخدامه .

السلام عليكم ورحمة الله وبركاته

اليوم جبت لكم تستطيع من خلاله عمل تبويبات Tabs في موقعك بكل سهولة .

وهذا مثال ::



اولا :: حمل الملف التالي .
fileberry - download a file

بعد التحميل والفك راح تجد
- مجلدين وملفين

افتح الملف tabbed

وراح تجد التبويبات في هذا الملف .
تستطيع تعديل عناوين التبويبات عن طريق تعديل :

كود:

 
 <div class="tab"><h3 class="tabtxt" title="الثاني"><a href="#">الثاني</a></h3></div>

وايضا تستطيع اضافة تبويبات اكثر عن طريق نسخ الكود السابق اسفل

كود:

 <div class="tab"><h3 class="tabtxt" title="الرابع"><a href="#">الخامس</a></h3></div>

ونسخ

كود:

  <div class="box">
   <p><span lang="ar-bh"><strong>البداية</strong></span><br />يمكنك وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك 
   وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك وضع 
   ما تريد هنا مكنك وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك وضع ما 
   تريد هنا مكنك وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك وضع ما تريد 
   هنا مكنك وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك وضع ما تريد هنا 
   مكنك وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك 
   وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك وضع 
   ما تريد هنا مكنك وضع ما تريد هنا مكنك وضع ما تريد هنا </p>
  </div>

في السطر 0139


او حذف التبويب عن طريق حذف الاكواد السابقة ..

لتعديل محتوى التبويبات .
في السطر 93 موجود الكود التالي

كود:

   <p><span lang="ar-bh"><strong>البداية</strong></span><br />يمكنك وضع ما تريد هنا مكنك وضع ما تريد هنا مكنك

العنوان هو الموجود باللون الاحمر

والباقي هو المحتوى ..

لاي مساعدة انا حاضر ..

بالتوفيق ان شاء الله

شكرا لك اخي الكريم على هذا الكود لكن لدي سؤال هل يمكن ان نجد برامج تقوم بعمل تبويبات بهذا الشكل وقوائم بـ css

جزاك الله خير

المشاركة الأصلية كتبت بواسطة سلطان الجالي

شكرا لك اخي الكريم على هذا الكود لكن لدي سؤال هل يمكن ان نجد برامج تقوم بعمل تبويبات بهذا الشكل وقوائم بـ css

لا اعتقد انه موجود . ولكن ممكن انك تعدل في هذا الكود بمايفيدك وايضا تستطيع تعديل الستايل عن طريق تعديل الCSS الموجود في الهيدر ..


شكرا لكم على الردود المشجعه

شكرا لك

رائع

كنت ابحث عن هكذا طريقة ، بارك الله فيك

شكرا جزيلا ً

شكرا لك

الله يفتح عليك يا owner شكلها ظريف .....لاتحرمنا جديدك يامبدع

رائع جدا أخي ..


و هنالك أيضـا طريقة دمج الـتاب مع الأجاكس ..


بحيث تستطيع من خلال كل تبويب استيراد محتويات من ملف آخر ..



فكرة رائــعة لتوفير الوقت و المكــان في الصفحة ,



شــكراً لك ,

مشكور أخي الكريم

ولكن

و هنالك أيضـا طريقة دمج الـتاب مع الأجاكس ..

بالفعل وأان أبحث عنها
اذا كانت موجودة حولك يا ريت تسعفنا بيها

تحياتي

السلام عليكم،

هل يمكن الحصول على رابط آخر للملف أو إرفاقه في الموضوع ؟

شكرا

اخواني الكرام هذي يمكن عملها من خلال الاصدار الجديد لبرنامج الدريم ويفر

وهذي صورة للبرنامج كامل منافذ css وايضا تحكم بسهوله

رابط الصورة: http://www.eqla3at.com/up/uploads/20582031e7.jpg

واي توضيح انا حاضر

تحياتي

بانتظار رابط جديد للملف

شكرا

المشاركة الأصلية كتبت بواسطة Ala7lam

بانتظار رابط جديد للملف

شكرا

تفضل ..
tabAccordion.rar