طراحی سربرگ شفاف با المنتور پرو بدون نیاز به کد CSS

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
3.7/5 - (3 امتیاز)

در آموزش های قبلی، نحوه طراحی سربرگ شفاف و چسبان را توضیح داده بودیم. ولی این آموزش توسط کدهای CSS قابل اجرا بود. امروز قصد داریم نحوه طراحی سربرگ شفاف و چسبان را با استفاده از ویژگی های المنتور پرو انجام دهیم. در ادامه با ما همراه باشید.

طراحی سربرگ شفاف در المنتور پرو

تنظیم سربرگ به صورت شفاف

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

روی بخش اصلی کلیک کنید و در تب پیشرفته، به میزان ارتفاع سربرگ، مارجین منفی از پایین بدهید. برای مثال در این جا، سربرگ ما دارای 76 پیکسل ارتفاع بوده که -76 پیکسل فاصله منفی از پایین تنظیم می کنیم.

تنظیم پس زمینه

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

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

در تنظیمات شفافیت، گزینه جهت یابی را روی Fade In قرار دهید. مقدار گزینه سطح را روی 10 و در قسمت مشاهده، نشانگر را به سمت گزینه بالا تنظیم کنید. نشانگر اولی رو صفر درصد و نشانگر دومی روی 9 درصد قرار بگیرد.

حالت شناور

تنظیمات پس زمینه در حالت اسکرول انجام شد. حالا کافیه به تب پیشرفته سربرگ رفته و سربرگ را در حالت شناور قرار دهیم.

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

بعد از انجام مراحل بالا، سربرگ را ذخیره کرده و به صفحه اصلی سایت برید.

امیدواریم که از این آموزش هم به خوبی استفاده کرده باشید. اگر مشکل یدر طراحی سربرگ شفاف دارید، در بخش نظرات با ما در میان بگذارید.

امتیاز دهید

3.7/5 - (3 امتیاز)

اشتراک گذاری

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email

آخرین مقالات

برچسب ها

لینک کوتاه

https://elementorfa.ir/?p=481926

فهرست مطالب

آرش در 20:41

عـــالـــیــــه!
محمدرضا و تیمِ المنتور فارسی حرف ندارن! فقط ای کاش تند تند آموزش‌های المنتور بگذارید 😁
ممنووونم 💚💗

پاسخ
المنتور فارسی در 18:27

با سلام
ممنون از همراهی تون

پاسخ
ALIAH AH در 14:02

خیلی از ترفند هایی که با کد هستند + خیلی از قابلیت هایی که افزودنی های المنتور دارند + خیلی از ویجت های خاص ( به جز خانوده جت ) رو میشه با خود المنتور ساخت.
البته نیاز به تسلط و فکر باز داره

پاسخ

نظرات ارزشمند خود را به اشتراک بگذارید