در این فیلم آموزش طراحی سایت، نحوه ی ساخت تب منوی افقی را با استفاده از css و html برای شما بیان خواهیم کرد. مطمئناً در وب سایت های مختلف، قسمت هایی را دیده اید که بصورت تب کنار هم قرار گرفته اند و با کلیک بر روی هر تب، بلافاصله محتوای مربوط به آن نمایش داده می شود. تب منوها، صفحات وب را بصورت خلاصه تر و زیباتر به ما نشان می دهند و باعث استفاده بهینه از فضای صفحات وب و راحتی دسترسی به مطالب می شوند.
برای ایجاد تب منوها باید از جاوا اسکریپت، css و html بصورت ترکیبی استفاده کرد. تب منوها اشکال مختلفی دارند که حالت افقی آن را در این فیلم به شما آموزش خواهیم داد. می توانید نحوه ی ساخت تب منوی عمودی را از این قسمت مشاهده کنید.
[hdplay id=102]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’https://onliner.co/css-videos/horizontal-tab.mp4′]دانلود فیلم آموزش ساخت تب منوی افقی با CSS و HTML[/video_download]
[onliner_button type=”edu-demo” url=’http://dl.onliner.ir/css-snippets/horizontal-tab-menu.zip’]دانلود دمو[/onliner_button]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش تعیین نحوه چیدمان عناصر صفحه بر روی یکدیگر با مشخصه z-index در CSS
- آموزش بعدی : فیلم آموزش گذاشتن عکس pin در فرم با استفاده از مشخصه position در CSS
- لیست فیلم ها : فیلم های آموزش جامع CSS
سلام ببخشید میخوام دانلود کنم ولی میگخ برگه موردد نظر پیدا نشد
خیلی ممنونم از مطالب دست اولتون. راستش من یکم گیج شدم شما کار طراحی سایت هم میکنید؟ من میخوم قالبم رو عوض کنم.
سلام و درود
بله. می توانید در بخش سفارش مراجعه کنید
موفق و شاد باشید
سلام فایل کد نویسی شده هنگام درس از کجا میشه دسترسی داشته باشیم
ممنون
برای دسترسی به فایل های آموزشی باید کل فایل ها خریداری بشه
درود و دعای خیر برای شما مدرسین این سایت .انشالله هرکجا هستید موفق و در پناه خداوند باشید
عالی
سلام . این همه دقت احسنت داره . آفرین .
کاشکی jQuery هم توضیح می دادی ما رو توی خماریش گذاشتی…
دانلود کنید پشیمون نمیشید
بسیار عالی بود
تشکر
عالی بود خیلی ممنون بابت وقتی که قرار دادید