اسکریپت Tab Menu

از مهمترین عناصر مورد استفاده در صفحات وب، تب منوها هستند. از مهمترین ویژگی های یک تب منو می توان به نمایش حجم بالایی از مطالب در فضایی نسبتا محدود اشاره کرد، و به طور کلی صرفه جویی در فضا از ویژگی های یک تب منو است. همچنین در تقسیم بندی مطالب یا زیر مجموعه یک مطلب اصلی، تب منوها از ابزار پرکاربرد هستند. در این اینجا یک تب منوی ساده و کاربردی و با قابلیت ریسپانسیو بودن را به شما معرفی می کنیم. با ویرایش فایل CSS، می توانید تغییرات مورد نظر خود را روی ظاهر آن اعمال کنید.

افزایش یا کاهش تعداد سربرگ ها

پس از دانلود فایل ضمیمه، برای افزایش تعداد سربرگ ها مطابق کد زیر دو تگ li ایجاد کنید. یکی برای سربرگ و یکی هم محتوای مربوط به سربرگ است. و مقدار data-content را برای سربرگ جدید قرار دهید. توجه داشته باشید که هیچ دو سربرگ نباید مقدار مشابه برای data-content داشته باشند.


پیش نمایش

Print Friendly, PDF & Email

این مطالب چقدر مفید بود؟

میانگین امتیاز از ۵ | تعداد امتیاز:

As you found this post useful...

Follow us on social media!

We are sorry that this post was not useful for you!

Let us improve this post!

فایل های پیوست

  • zip simpleResponsiveTab
    حجم فایل: 8 KB تعداد دانلود: 43079
  • جهت دانلود، روی لینک، راست کلیک کرده و گزینه Save link as ... یا Save target as ... را انتخاب نمایید.
Avatar

وب کاران

طراحی وب سایت، طراحی گرافیک

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *