در حال بارگزاری...

دوره های اموزشی رایگان میخوای؟ حتما چنل یوتیوب مارو دنبال کن که کلی دوره جامع و رایگان داریم براتون!!!

rasanico

علاقه مندی ها

سبد خرید

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

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

حتما خیلی از سایت هارو دیدید که به هنگام اسکرول هدرشون افکت شفاف به خودش میگیره و حتما براتون سوال دشه که این کار رو ما توی المنتور چطوری خیلی خفن و تر و تمیز انجامش بدیم
خب خیلی راحته برای همین یک مقاله خفن براتون نوشتیم تا بخونید و استفاده کنید و عشق کنید
البته که در حالت عادی ما میتونیم با کد های css رو المنتور اینکارو انجام بدیم ولی توی این اموزش ما با ویژگی المنتور پرو قراره اینکارو انجام بدیم اگر افزونه المنتور پرو رو ندارید به طور کاملا رایگان از (اینجا) دانلود کنید به صورت تضمینی و مطمئن. امروز قصد داریم نحوه طراحی سربرگ شفاف و چسبان را با استفاده از ویژگی های المنتور پرو انجام دهیم. قبلش چنل یوتیوبمون رو ساب اسکرایب کن تا این اموزشای جذاب رو به صورت ویدیویی ببینی بعدش بزن بریم سراغ ادامه اموزش.

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

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

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

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

elementor pro header transparent

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

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

elementor background container

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

elementor effect control 1

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

transparent elementor control

حالت شناور

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

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

elementor pro sticky

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

اگر از اینجور سبک اموزش ها دوست دارید حتما حتما توی کامنت ها بنویسید همرو میخونیم همرو جواب میدیم

کل دقیقه ساعت روز هفته ماه سال رو با رسانیکو سپری کن👋👋🤷‍♂️🤷‍♂️

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

اشتراک گذاری مطلب:

دلیل باز پرداخت

الان یاد گرفتن میچسبه!!!

با سرویس آموزش انلاین رسانیکو به نام نیکولرن یک شبه حرفه ای شو!!!

همین حالا توهم به جمع نیکو لرنی ها بپیوند چون کاملااااااا رایگانه!!!!!!!!

ثبت درخواست جدید

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

ورود به داشبورد

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

شرایط عودت وجه

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

شرایط کش بک

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

شرکت دیجیتال مارکتینگ رسانیکو

حق استفاده و کپی برداری از سایت

دیزاین و رابط کاربری

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

دیزاین رسانیکو برای خود محفوظ است و کسی حق کپی برداری از تصاویر و یا ظاهر و دیزاین سایت را نخواهد داشت 

برنامه نویس و طراح گرافیک رسانیکو اختصاصی خود میباشد و هیچگونه پروژه آزاد و خارج از رسانیکو را انجام نخواهند داد!

محتوا و محصولات

جهت جمع اوری محصولات رسانیکو زحمات زیادی برده شد و بنابر این کپی برداری از ان اصلا مجاز نیست

مقالات و ویدیو های رسانیکو تنها و تنها با ذکر منبع (رسانیکو) و درج ادرس سایت (rasanico.com) مجاز خواهد بود 

تمامی محصولات رسانیکو به صورت اختصاصی طراحی و یا از مارکت های خارجی خریداری شده و هیچ ارتباطی با مارکت های ایرانی ندارد

طراحی شده با ❤️ توسط (یاسین موسویان)