---
title: "طراحی سربرگ شفاف با المنتور پرو بدون نیاز به کد CSS"
url: "https://elementorfa.ir/elementor-pro-transparent-no-code/"
type: "post"
published: "2022-05-30T13:07:39+04:30"
modified: "2022-06-15T18:00:26+04:30"
author: "المنتور فارسی"
---

4.7/5 - (21 امتیاز)

در آموزش های قبلی، نحوه[طراحی سربرگ شفاف و چسبان](https://elementorfa.ir/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%b1%d8%a8%d8%b1%da%af-%da%86%d8%b3%d8%a8%d9%86%d8%af%d9%87-%d8%a8%d8%a7-%d8%a7%d9%84%d9%85%d9%86%d8%aa%d9%88%d8%b1/) را توضیح داده بودیم. ولی این آموزش توسط کدهای CSS قابل اجرا بود. امروز قصد داریم نحوه طراحی سربرگ شفاف و چسبان را با استفاده از ویژگی های المنتور پرو انجام دهیم. در ادامه با ما همراه باشید.

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

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

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

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

![](https://elementorfa.ir/wp-content/uploads/2022/05/elementor-pro-header-transparent.png)

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

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

![](https://elementorfa.ir/wp-content/uploads/2022/05/elementor-background-container.png)

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

![](https://elementorfa.ir/wp-content/uploads/2022/05/elementor-effect-control-1.png)

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

![](https://elementorfa.ir/wp-content/uploads/2022/05/transparent-elementor-control.png)

### حالت شناور

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

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

![](https://elementorfa.ir/wp-content/uploads/2022/05/elementor-pro-sticky.png)

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



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