طراحی سایت

  • ۰
  • ۰

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

مراحل فعال‌سازی اسکرول افقی در المنتور

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

  1. به بخش استایل (Style) بروید و گزینه‌ی پس‌زمینه (Background) را فعال کنید.

  2. در قسمت حالت عادی (Normal)، جایگاه تصویر، اندازه و نحوه تکرار آن را مشخص کنید.

  3. در بخش هاور (Hover) همان تنظیمات را برعکس حالت عادی پیاده‌سازی کنید تا هنگام حرکت ماوس جلوه‌ای متفاوت ایجاد شود.

  4. در پایان، گزینه اسکرول افقی را روشن کنید و بر روی دکمه‌ی به‌روزرسانی (Update) کلیک کنید.

قابلیت‌های تکمیلی برای زیباسازی اسکرول افقی

امکانات المنتور در همین‌جا متوقف نمی‌شود. شما می‌توانید جلوه اسکرول افقی را با ویژگی‌های زیر ارتقا دهید:

  • تنظیم سرعت حرکت برای ایجاد حس روان‌تر یا پویاتر.

  • ترکیب افکت اسکرول با هاور برای جذابیت بصری بیشتر.

  • استفاده از چند تصویر یا گرادیان رنگی به‌عنوان پس‌زمینه.

  • هماهنگی با دیگر انیمیشن‌ها برای ایجاد تجربه کاربری یکپارچه.

این امکانات به شما کمک می‌کنند اسکرول افقی را فراتر از یک ویژگی ساده به یک عنصر طراحی حرفه‌ای و چشم‌گیر تبدیل کنید.

نتیجه‌گیری

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

منبع: https://ofoghweb.com/horizontal-scrolling-elemntor/

  • ۰۴/۰۶/۱۷
  • حامد نجفی

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی