هدرهای چسبنده به کاربر وب سایت این امکان را می دهد که به قسمت سرصفحه و منوی صفحه دسترسی داشته باشد، مهم نیست که چقدر به پایین اسکرول می کنند.
آموزش طراحی هدر چسبنده در المنتور – Sticky header
آموزش طراحی هدر چسبنده در المنتور – Sticky header
( )
برای ساخت هدر چسبنده آماده اید؟ این را اگر بلد نباشید خیلی بد است! هر طراح سایتی باید بداند چطور با افزونه المنتور هدر چسبنده بسازد بنابرین توصیه میکنیم این ویدئو را ببینید. ( ادامه مطلب … )
آموزش طراحی هدر چسبنده در المنتور – Sticky header
( )
32 دیدگاه. Leave new
با سلام
اگه بخوایم دو هدر داشته باشیم که یکی همیشه ثابت باشه ولی دومی موقعی که اسکرول به پایین میکنیم حذف بشه و هنگام اسکرول به بالا دوباره ظاهر بشه، چیکار باید بکنیم؟
ممنون
سلام وقت شما بخیر،
این مورد نیازمند یکسری کدنویسی ها می‌باشد.
با تشکر.
درود
برای مخفی کردن بدون استفاده از css می توان به کانتینر مدنظر ویژگی چسبانن را داد.
سلام وقت شما بخیر،
در این خصوص به نظر می‌رسد css عملکرد بهتری داشته باشد.
با تشکر.
سلام وقت بخیر
سوالم اینه که:” چه طور می شود هدر بعد از چسبان شدن، رنگ پس زمینه را به خود بگیرد؟”
سلام وقت شما بخیر،
در این خصوص می توانید با استفاده از کدهای css به حالت چسبان پس زمینه بدهید، البته می توانید کانتینر چسبان شده را نیز انتخاب کرده و به آن پس زمینه بدهید.
با تشکر.
سلام استاد.ممنون از آموزش های کاربردی و عالیتون.مشکلی که دارم اینه که در المنتور ، به جای گزینه ی چسبان ، گزینه ی شناور دارم و هر بار که وارد سایت میشم ، هدر چسبانی که طراحی کردم کار نمیکنه و باید یکبار وارد ویرایشگر المنتور شده و گزینه ی شناور رو غیرفعال کنم و دوباره روی حالت بالا بذارم ، بعدش که وارد سایت میشم هدرچسبان فعال میشه ولی هربار باید این مراحل رو طی کنم
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم ، در ابتدا بررسی فرمایید افزونه المنتور و المنتور پرو در سایت شما آپدیت بوده باشد ، سپس اگر همچنان هدر برایتان بصورت چسبان نمایش داده نمیشود مانند حل مشکل بهم ریختگی و اعمال نشدن استایل در المنتور – Elementor Regenerate CSS and Data اقدام کرده و سپس تست فرمایید.
با تشکر.
با درود،
بنده هدر رو طراحی کردم، ولی هدر خیلی سریع به سمت بالا میره، برای زیبایی چطور میشه هدر زیرین که به سمت بالا حرکت میکنه کمی کندتر حرکت کنه؟
سلام وقت شما بخیر،
در این خصوص میتوانید در بخش موشن افکت ، یک افکت انتخاب و سرعت آنرا مدیریت فرمایید.
با تشکر.
سپاس از شما، جناب قاسمی در هر 3 کانتینر این مورد رو انجام دادم ولی انجام نشد.
من میخواستم کانتینر پایینی که منو دارد رو مخفی کنم و کانتینر بالایی در هدر چسبان بمونه طبق آموزش شما درست کار میکنه ولی سرعت مخفی شدن کانتینر پایینی خیلی زیاده و هر کاری می کنم آهسته مخفی نمیشه.
از همراهی شما بسیار ممنونیم ، خواهشمند است از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا سایت شما بررسی شود.
باتشکر
سلام و خسته نباشید
برای اینکه در حالت ریسپانسیو و موقع باز شدن منوی کشویی، هدر افزایش ارتفاع پیدا نکنه چکار باید کرد؟
سلام وقت شما بخیر،
در این خصوص گزینه تمام عرض را در المان منوی خود فعال کنید
با تشکر.
سلام وقتتون بخیر
میخواستم بدونم میشه کلا ی هدر جدا طراحی کنیم برای وقتی که سایت رو اسکرول میکنیم ظاهر بشه
سلام وقت شما بخیر،
این مورد امکان پذیر است اما بایستی با css آنرا ترکیب کنید.
با تشکر.
سلام خسته نباشید، میشه بفرمایید بعنوان مثال این نوار بنری بالای سایتتون “جشنواره نوروزی …” که قابل کلیک هم هست رو چجوری ساختید؟ با افزونه خاصی؟
سلام وقت شما بخیر،
در سایت ما این مورد بصورت برنامه نویسی ارایه شده است ولی شما میتوانید در هدر ساز المنتور یک بخش جدید در بالای محتوای هدر اصلی خود اضافه کرده و در آن متن و دکمه خود را درج و استایل دهی کنید
با تشکر.
درود، وقتی بخش پایینی رو چسبنده میکنم، بعد از اسکرول کردن به پایین و بازگشت به بالا سر جای خودش قرار نمیگیره و میفته روی بخش بالایی هدر .. راهنمایی میکنید
باسلام خدمت شما
مورد باید در طراحی شما بررسی شود. دقت نمایید که مانند آموزش انجام می دهید و در صورتی که افزونه کش دارید ، کش افزونه را خالی و تست نمایید.
از حضور شما ممنونیم.
آپدیت هارو توی دیسکریپشن بنویسید. منم میخوام بدونم چجوری وقتی میاد پاریین لوگو بیاد تو هدر چسبنده . چجوری کاری کنم وقتی اسکرول به سمت پایین میره کل هدر یا بخش از اون غیب بشه . وقتی اسکرول به سمت بالا میاد ظاهر بشه؟
سلام بر شما وقت بخیر جناب رجبی
در رابطه با هدر چسبنده آموزش گذاشته ایم.
سلام وقتتون بخیر
من یک هدر چسبنده طراحی کردم ولی میخوام موقعی که رسیدم به فوتر هدر رو دیگه نشون نده ممنون میشم راهنمایی کنید
وقت بخیر
سوال شما به صورتی است که در بخش دیدگاه امکان آموزش آن متاسفانه وجود ندارد.
سلام هدر من دقیقا همین هستش
بالایی چسبان میشه ولی پایینی هر کاری میکنم چسبان نمیشه
وقت بخیر
در صورتی که دقیقاً مانند اموزش انجام دهید ، نباید مشکلی باشد.
با سلام و خسته نباشید به دکتر عزیز آقای جبین پور کد css رو میشه تایپ کرده بدید؟
وقت شما بخیر
در برخی از ویدئو های آموزشی سعی کرده ایم که زیر ویدئو قرار دهیم. در ویدئوهای بعدی نیز سعی می شود حتماً قرار گیرد.
درود بر شما. کاش حداقل میگفتید که z-index اصولا باید چند باشه.
سلام و عرض ادب
بستگی به المان های کناری آن دارد و برخی موارد دیگر.
زمانی که css را یاد بگیرید با همه ابعاد آن آشنا می شوید.
با تشکر.
با هدرساز قالب چطوری هدر چسبنده بسازیم؟
سلام خانم محمدی عزیز
با توجه به اینکه تنظیمات هر قالب متفاوت است و ما اطلاعی از قالبتان نداریم، نمی توانم در این رابطه راهنماییتان کنم.