دانلود منوی چسبان و رسپانسیو Bootstrap

یکی از مهمترین و پرکاربردترین المان هایی که در هر وبسایتی باید وجود داشته باشد، نویگیشن یا منوی ناوبری است. امروز با یک سورس کد طراحی UI بسیار سبک، زیبا و کاربردی منوی چسبان در مرجع آموزش UI و UX فارسی در خدمت شما هستیم.

از پرکاربردترین سبک های طراحی Navbar در طراحی های اخیر استفاده بسیار زیاد و فراگیری دارد، منوهای چسبان هستند که پس از اسکرول کردن کاربر تا انتهای صفحه، به بالای صفحه می چسبند و باعث می شوند گزینه های موجود در منو در دسترس کاربر باقی بماند.

این منوی چسبان با فریمورک محبوب Bootstrap ساخته شده است بنابراین کاملا رسپانسیو است و در دستگاههایی مانند موبایل نیز کاملا بدون مشکل و به زیبایی کار خواهد کرد. ضمنا در عموم پروژه های فارسی هم کاربرد خواهد داشت زیرا طیف وسیعی از توسعه دهندگان از این فریمورک برای توسعه UI استفاده می کنند.

قابلیت دیگری که این منوی چسبان دارد این است که در حالت عادی کاملا شفاف است و در حالت چسبان به رنگ دلخواه شما درخواهد آمد بنابراین می توانید آن را در قسمت اسلایدر وبسایت خود به صورت عادی نمایش دهید و تصاویر مختلف را پس زمینه آن قرار دهید تا تصویر شما به صورت تمام صفحه نمایش داده شود.

این کد از 3 فایل تشکیل شده است.

از موارد موجود در فایل Html برای کنترل محتوا و اسکلت منو استفاده کنید.

با تغییر موارد موجود در فایل CSS می توانید ظاهر ، رنگ ها و سایر موارد ظاهری را کنترل کنید.

با تغییر در فایل JS می توانید میزان اسکرول جهت چسبندگی منو یا میزان شفافیت آن را تنظیم کنید.

برای تغییر تصویر زمینه می توانید از داخل فایل لینک آن را تغییر دهید.