رایگان!
توضیحات
یکی از مهمترین و پرکاربردترین المان هایی که در هر وبسایتی باید وجود داشته باشد، نویگیشن یا منوی ناوبری است. امروز با یک سورس کد طراحی UI بسیار سبک، زیبا و کاربردی منوی چسبان در مرجع آموزش UI و UX فارسی در خدمت شما هستیم.
از پرکاربردترین سبک های طراحی Navbar در طراحی های اخیر استفاده بسیار زیاد و فراگیری دارد، منوهای چسبان هستند که پس از اسکرول کردن کاربر تا انتهای صفحه، به بالای صفحه می چسبند و باعث می شوند گزینه های موجود در منو در دسترس کاربر باقی بماند.
این منوی چسبان با فریمورک محبوب Bootstrap ساخته شده است بنابراین کاملا رسپانسیو است و در دستگاههایی مانند موبایل نیز کاملا بدون مشکل و به زیبایی کار خواهد کرد. ضمنا در عموم پروژه های فارسی هم کاربرد خواهد داشت زیرا طیف وسیعی از توسعه دهندگان از این فریمورک برای توسعه UI استفاده می کنند.
قابلیت دیگری که این منوی چسبان دارد این است که در حالت عادی کاملا شفاف است و در حالت چسبان به رنگ دلخواه شما درخواهد آمد بنابراین می توانید آن را در قسمت اسلایدر وبسایت خود به صورت عادی نمایش دهید و تصاویر مختلف را پس زمینه آن قرار دهید تا تصویر شما به صورت تمام صفحه نمایش داده شود.
نحوه استفاده از سورس کد
این کد از 3 فایل تشکیل شده است.
از موارد موجود در فایل Html برای کنترل محتوا و اسکلت منو استفاده کنید.
با تغییر موارد موجود در فایل CSS می توانید ظاهر ، رنگ ها و سایر موارد ظاهری را کنترل کنید.
با تغییر در فایل JS می توانید میزان اسکرول جهت چسبندگی منو یا میزان شفافیت آن را تنظیم کنید.
برای تغییر تصویر زمینه می توانید از داخل فایل لینک آن را تغییر دهید.
moreدوره های مرتبط
دانلود UI Kit موبایل Pallas
این پست از مرجع آموزش UI و UX فارسی قصد داریم تا سورس آماده پروژه UI Kit موبایل Pallas را به شما معرفی کنیم که دارای بیش از 36 صفحه طراحی شده است.
دانلود مجموعه انیمیشن های طراحی UI ایزومتریک
در این پست می توانید مجموعه ای از انیمیشن های سبک ایزومتریک آماده جهت طراحی UI را با فرمت افترافکتز دانلود کنید و در پروژه های خود استفاده کنید.
دانلود UI اپلیکیشن گردشگری
در این پست می توانید UI اپلیکیشن گردشگری و سفر را با دو فرمت XD و Skech دانلود کنید. این پروژه متشکل از 44 صفحه کاملا قابل ویرایش می باشد.
chat_bubble_outlineنظرات
وحید دقیقی
مدیر مرجع UI و UX فارسیوحید دقیقی هستم ، مدیر مرجع UI و UX فارسی. هدفم اینه که تا حد امکان دسترسی آسان به بهترین منابع آموزشی در حوزه رابط و تجربه کاربری رو برای شما فراهم کنم تا با کمک هم و هم افزایی ، وب فارسی رو زیباتر بسازیم...
قوانین ثبت دیدگاه