[ اضافة ] اضافه التنقل بين ال tabs فى البوت ستراب ببساطه
 

السلام عليكم ورحمه الله و بركاته
هذا رابط دوره البوت ستراب للاخ advphp
https://www.youtube.com/watch?v=JpbgNBEpuIE&list=PLWChr4FFP_zZpV5J4HxKCVlY cMVYIypt9"]https://www.youtube.com/watch?v=JpbgNBEpuIE&list=PLWChr4FFP_zZpV5J4HxKCVlY cMVYIypt9"]https://www.youtube.com/watch?v=JpbgNBEpuIE&list=PLWChr4FFP_zZpV5J4HxKCVlY cMVYIypt9
و الان انت صنعت نظام تابس بالبوت ستراب عن طريق هذا الكود مثلا

رمز Code:



Bootstrap Case

• simple upload
  
• Remote upload
  
• FTP upload
  

الان عندنا ثلاثه تبويبات او tabs كيف نجعل هذه القائمه قابله للتنقل بدل من تغيير الصفحات

اولا سنضيف كود ال css فى الهيدر او فى ملف ثيم موقعك

رمز Code:

.hide-table {display: none;}

ثم سنضيف كود جافا بسيط جدا فى الهيدر

رمز Code:

ثم سنضيف على كود القائمه لتصبح كذلك

رمز Code:

• simple upload
  
• Remote upload
  
• FTP upload
  

طيب كيف سنضيف محتوى كل تاب tab ليظهر حين الضغط عليه ؟
سنضيف المحتويات فى 3 جداول كل جدول محتوى تاب وسنجعل التاب الاول هو الظاهر فقط اما رقم 2 و 3 سنجعلهم مخفيين ولكن سيظهرو اذا ضغطت على التاب المخصص له تعالى نشوف

رمز Code:






محتوى التاب الاول











محتوى التاب الثانى











محتوى التاب الثالث








الكود الصفحه كلها بعد التعديلات
رمز Code:



Bootstrap Example





.hide-table {display: none;}

• simple upload
  
• Remote upload
  
• FTP upload
  

محتوى التاب الاول











محتوى التاب الثانى











محتوى التاب الثالث

















صور مطبقه من سكربت لى فى المرفقات

الصور المصغرة المرفقة http://www.traidnt.net/vb/attachment...03569t-tb1.png http://www.traidnt.net/vb/attachment...03569t-tb2.png http://www.traidnt.net/vb/attachment...03569t-tb3.png http://www.traidnt.net/vb/attachment...03569t-tb4.png