# ایجاد هدر شفاف در المنتور

**URL:** <https://forums.7ho.st/t/%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D9%87%D8%AF%D8%B1-%D8%B4%D9%81%D8%A7%D9%81-%D8%AF%D8%B1-%D8%A7%D9%84%D9%85%D9%86%D8%AA%D9%88%D8%B1/9355>\
**Category:** وردپرس\
**Tags:** وردپرس, افزونه\
**Created:** [اوت 30، 2023، 7:37ق.ظ UTC](https://forums.7ho.st/t/%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D9%87%D8%AF%D8%B1-%D8%B4%D9%81%D8%A7%D9%81-%D8%AF%D8%B1-%D8%A7%D9%84%D9%85%D9%86%D8%AA%D9%88%D8%B1/9355 "2023-08-30T07:37:09Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ghasemkashefi](https://forums.7ho.st/user_avatar/forums.7ho.st/ghasemkashefi/32/8426_2.png) [@ghasemkashefi](https://forums.7ho.st/u/ghasemkashefi)\
**Post date:** [اوت 30، 2023، 7:37ق.ظ UTC](https://forums.7ho.st/t/%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D9%87%D8%AF%D8%B1-%D8%B4%D9%81%D8%A7%D9%81-%D8%AF%D8%B1-%D8%A7%D9%84%D9%85%D9%86%D8%AA%D9%88%D8%B1/9355/1 "2023-08-30T07:37:09Z")

</div>

درود، دوستان راهنمایی می‌کنید چطور میشه چنین هدری توی المنتور طراحی کرد؟

 ![b21c088b-9f71-4004-8c12-bcfeda361c64](https://forums.7ho.st/uploads/default/original/2X/4/4795a7c33b425a666200c7223877cc31ddcc9db4.png)

---

<div class="post-metadata">

**Author:** ![mohammadreaz](https://forums.7ho.st/user_avatar/forums.7ho.st/mohammadreaz/32/8348_2.png) [@mohammadreaz](https://forums.7ho.st/u/mohammadreaz)\
**Post date:** [اوت 30، 2023، 8:23ق.ظ UTC](https://forums.7ho.st/t/%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D9%87%D8%AF%D8%B1-%D8%B4%D9%81%D8%A7%D9%81-%D8%AF%D8%B1-%D8%A7%D9%84%D9%85%D9%86%D8%AA%D9%88%D8%B1/9355/2 "2023-08-30T08:23:47Z")

</div>

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

```nohighlight
selector { 
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
}

```

میتونید مقدارش رو بجای 20، اعداد دیگری رو قرار بدید.

---

<div class="post-metadata">

**Author:** ![Nima.asadi](https://forums.7ho.st/user_avatar/forums.7ho.st/nima.asadi/32/8493_2.png) [@Nima.asadi](https://forums.7ho.st/u/Nima.asadi)\
**Post date:** [اوت 30، 2023، 9:00ق.ظ UTC](https://forums.7ho.st/t/%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D9%87%D8%AF%D8%B1-%D8%B4%D9%81%D8%A7%D9%81-%D8%AF%D8%B1-%D8%A7%D9%84%D9%85%D9%86%D8%AA%D9%88%D8%B1/9355/3 "2023-08-30T09:00:46Z")

</div>

درود. میتوانید از این آموزش جهت ساخت هدر شیشه ای و شفاف استفاده کنید.

[![](https://img.youtube.com/vi/Y9vnx6TZp2E/hqdefault.jpg "How to create a Transparent Header Menu in Wordpress with Elementor Pro") ](https://www.youtube.com/watch?v=Y9vnx6TZp2E)