[ استفسا ] : صنع الـ Tabs في الـ HTML

[Abdulrahman Hassoun]

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

ممكن طريقة صنع الـTabs ووضعه في المنتدى او الموقع ،

توضيح اكثر :

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

اخواني الكرام ،

لدي استفسار بسيط ...

اريد ان اكتب كلام ، وعند الضغط على زر بجانبه يتغير الكلام

شبيهة بعمل الـ Tabs

توضيح اكثر

يرجى مشاهدة هذه الأمثلة











والقائمة تطول من الأمثلة

اتمنى يكون سؤالي مفهوم وواضح

وانا بإنتظآر اجابتكم علي...!

مثال اوضح :

http://deluxe-tabs.com/file/template...-template.html

ياليت الشرح يكون للمبتدئين :shy: او يكون بإستخدآم برآمج كـ الفرونت بيج او الدريم ويفر مثلاً ^^

والف شكر لكم مقدماً ..

[owner]

http://www.swalif.net/softs/swalif44/softs212740/
http://www.swalif.net/softs/swalif44/softs210734/

ربما يفيدك

[Abdulrahman Hassoun]

اشكرك
جآري التجربة ،،

[Abdulrahman Hassoun]

http://www.swalif.net/softs/swalif44/softs210734/

هو المطلوب بالضبط ..



اثناء التجربة على الإكسبلورر ..

تبين لي ان القائمة تظهر ثم تختفي بمجرد انتهاء فتحها !

هل هي مشكلهـ ؟ ام متعمد وضعهآ ؟

بعد ان تحل المشكلهـ ..

اريد طريقة لتميز التبويب المفتوح عن البقية

مثلاً بتغير اللون ، أو بالتكبير .. الخ

والرابط الآخر ، روابط التحميل فيهـ لآ تعمل ..

شآكر ومقدر لكـ استاذي ^^

[Abdulrahman Hassoun]

لقيت برنامج يسويها

http://www.salafsoft.com/vb/showthread.php?t=5682

> الموقع مآلي علآقهـ فيهـ

تم تحميلهـ وجآري محآولة فهمهـ ^^

[Abdulrahman Hassoun]

البرنامج جميل جداً ، بس مشكلتهـ ان عند الضغط على التبويبات ، ينقل لصفحة خآرجية ..

وآنا اريد عرض نص ..

[ليوناردو دافينشي]

Dynamic Drive DHTML Scripts-Tab Content Script (v 2.2)

هذا ما تريده بالضبط ...

[Abdulrahman Hassoun]

تماماً ..،

الف شكر ..~

بس للأسف مستوآي بالإنجليزية هو " هآو ار يو ؟ فآين .، ثآنكيوو "

[ليوناردو دافينشي]

تماماً ..،

الف شكر ..~

بس للأسف مستوآي بالإنجليزية هو " هآو ار يو ؟ فآين .، ثآنكيوو "

مفهوم طبعاً


عدلت على كود موجود , ليكن سهل

أرجو ان يفيدك

شلت كل الحاجات الي ما الها لازمة :funny:

الكود الاصلي JavaScript Tabifier automatically create an html css tabs interface

[Abdulrahman Hassoun]

اشكرك ..،
والكود سهل جداً
وجاري التعديل بمآ ينآسب ..

بس حآآبب اسئلك ..

لو بدي اضيف تآب جديد ..

الصق هالكود

     <div class="tabbertab">
      <h2>Tab 3</h2>
      <p>Tab 3 content.</p>
     </div> 

وآحطه بين <div class="tabber" > و </div>

وخلآص " كده " ؟

ولآ لازم تعديلآت على ملف الجافا سكريبت والـ CSS ؟

[Abdulrahman Hassoun]

مآبعرف ليش بخاف من التجآرب خخخ

اييهـ... جربتهآ وصآرت

ثآنكس × مليون مآتش