آموزش طراحی هدر چسبنده در المنتور – Sticky header

( )

حق کپی ویدئو

مجاز نمی باشد.

شما اینجا هستید :

جلسه بیست و هشتم

آموزگار :

محمدقاسمی

برای ساخت هدر چسبنده آماده اید؟ این را اگر بلد نباشید خیلی بد است! هر طراح سایتی باید بداند چطور با افزونه المنتور هدر چسبنده بسازد بنابرین توصیه میکنیم این ویدئو را ببینید. ( ادامه مطلب … )

افزونه المنتور Elementor

افزونه المنتور ، سایت ساز جهانی وردپرس …

افزونه المنتور قدرتمندترین پلاگین سایت ساز دنیای وردپرس است که نسخه پرو اورجینال آن توسط گروه ابزار وردپرس در ایران عرضه شده است.

افزونه المنتور Elementor

افزونه المنتور ، سایت ساز جهانی وردپرس …

افزونه المنتور قدرتمندترین پلاگین سایت ساز دنیای وردپرس است که نسخه پرو اورجینال آن توسط گروه ابزار وردپرس در ایران عرضه شده است.

اورجینال

کیفیت

پشتیبانی

آپدیت

مــحمــد قــاسـمـی

مدیرعامل سایت “وبنوس” ارائه دهنده کلیه خدمات طراحی سایت و طراحی گرافیکی در ایران

مــحمــد قــاسـمـی

مدیرعامل سایت “وبنوس” ارائه دهنده کلیه خدمات طراحی سایت و طراحی گرافیکی در ایران

آموزش طراحی هدر چسبنده در المنتور – Sticky header

( )

هدرهای چسبنده به کاربر وب سایت این امکان را می دهد که به قسمت سرصفحه و منوی صفحه دسترسی داشته باشد، مهم نیست که چقدر به پایین اسکرول می کنند.

 

برای نوشتن دیدگاه باید وارد بشوید.

28 دیدگاه. Leave new

  • علیرضا کلیان
    2024-12-14 18:31

    سلام وقت بخیر
    سوالم اینه که:” چه طور می شود هدر بعد از چسبان شدن، رنگ پس زمینه را به خود بگیرد؟”

    • محمد قاسمی
      2024-12-18 12:09

      سلام وقت شما بخیر،

       

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

      با تشکر.

  • محمدصادق شفایی
    2024-11-09 15:02

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

  • علی سماواتی
    2024-09-09 19:22

    با درود،
    بنده هدر رو طراحی کردم، ولی هدر خیلی سریع به سمت بالا میره، برای زیبایی چطور میشه هدر زیرین که به سمت بالا حرکت میکنه کمی کندتر حرکت کنه؟

    • محمد قاسمی
      2024-09-14 08:14

      سلام وقت شما بخیر،

       

      در این خصوص میتوانید در بخش موشن افکت ، یک افکت انتخاب و سرعت آنرا مدیریت فرمایید.

      با تشکر.

      • علی سماواتی
        2024-09-16 16:17

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

  • محمدرضا ورمزیار
    2024-08-13 23:37

    سلام و خسته نباشید
    برای اینکه در حالت ریسپانسیو و موقع باز شدن منوی کشویی، هدر افزایش ارتفاع پیدا نکنه چکار باید کرد؟

  • حسین برادران راد
    2024-07-28 16:32

    سلام وقتتون بخیر
    میخواستم بدونم میشه کلا ی هدر جدا طراحی کنیم برای وقتی که سایت رو اسکرول میکنیم ظاهر بشه

  • شهاب واجدی
    2024-03-15 15:16

    سلام خسته نباشید، میشه بفرمایید بعنوان مثال این نوار بنری بالای سایتتون “جشنواره نوروزی …” که قابل کلیک هم هست رو چجوری ساختید؟ با افزونه خاصی؟

    • محمد قاسمی
      2024-03-16 11:14

      سلام وقت شما بخیر،

      در سایت ما این مورد بصورت برنامه نویسی ارایه شده است ولی شما میتوانید در هدر ساز المنتور یک بخش جدید در بالای محتوای هدر اصلی خود اضافه کرده و در آن متن و دکمه خود را درج و استایل دهی کنید

      با تشکر.

  • محمد قاسمی نژاد
    2023-05-26 12:28

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

    • علی حیدری
      2023-05-29 12:33

      باسلام خدمت شما

      مورد باید در طراحی شما بررسی شود. دقت نمایید که مانند آموزش انجام می دهید و در صورتی که افزونه کش دارید ، کش افزونه را خالی و تست نمایید.

      از حضور شما ممنونیم.

      • ارش رجبی
        2023-09-26 00:56

        آپدیت هارو توی دیسکریپشن بنویسید. منم میخوام بدونم چجوری وقتی میاد پاریین لوگو بیاد تو هدر چسبنده . چجوری کاری کنم وقتی اسکرول به سمت پایین میره کل هدر یا بخش از اون غیب بشه . وقتی اسکرول به سمت بالا میاد ظاهر بشه؟

  • امیر علی
    2022-12-08 17:58

    سلام وقتتون بخیر
    من یک هدر چسبنده طراحی کردم ولی میخوام موقعی که رسیدم به فوتر هدر رو دیگه نشون نده ممنون میشم راهنمایی کنید

  • رضا محبت
    2022-12-07 22:58

    سلام هدر من دقیقا همین هستش
    بالایی چسبان میشه ولی پایینی هر کاری میکنم چسبان نمیشه

  • میلاد جوادی راد
    2022-11-27 22:01

    با سلام و خسته نباشید به دکتر عزیز آقای جبین پور کد css رو میشه تایپ کرده بدید؟

    • علی حیدری
      2022-11-28 10:19

      وقت شما بخیر
      در برخی از ویدئو های آموزشی سعی کرده ایم که زیر ویدئو قرار دهیم. در ویدئوهای بعدی نیز سعی می شود حتماً قرار گیرد.

  • محمد علی
    2022-09-02 22:39

    درود بر شما. کاش حداقل میگفتید که z-index اصولا باید چند باشه.

    • علی حیدری
      2022-09-03 08:30

      سلام و عرض ادب
      بستگی به المان های کناری آن دارد و برخی موارد دیگر.

      زمانی که css را یاد بگیرید با همه ابعاد آن آشنا می شوید.
      با تشکر.

  • مهسا محمدی
    2022-05-10 14:55

    با هدرساز قالب چطوری هدر چسبنده بسازیم؟

    • محمدرضا خرسند
      2022-05-11 11:58

      سلام خانم محمدی عزیز
      با توجه به اینکه تنظیمات هر قالب متفاوت است و ما اطلاعی از قالبتان نداریم، نمی توانم در این رابطه راهنماییتان کنم.

فهرست