##  Űrlap formázása haladóknak 

A haladó beállítások bonyolultabbak, viszont sokkal egyedibbé teheted az űrlapod.

[Ebben az útmutatóban](https://www.listamester.hu/utmutato-listamesterhez/urlapok/hogyan-szerkeszd-az-urlapod-kulsejet-az-urlapvarazsloban-lepesrol) megtalálod az olyan beállításokat, mint az űrlap címe, leírása, megjelenése.

Ha haladóbb beállításokat is szeretnél megjeleníteni, erről itt olvashatsz.

#### Új űrlapvarázsló - béta teszt 

### **Gomb hover stílus**

A küldési gombhoz **hover stílus** állítható be: ez az az állapot, ahogy a gomb kinéz, amikor az egeret föléhúzzák.

**1. Kattints a gombra az előnézeten** – a Tartalom panel a gomb beállításaira ugrik.

**2. Görgess le a Lebegő stílus szekcióhoz.**

**3. Állítsd be a hover állapothoz tartozó háttérszínt, feliratszínt és a szegélyt** – ezek csak ráhúzáskor lépnek érvénybe.

![Űrlapok - Űrlapvarázsló - Külső - haladó - háttérszínek](/sites/default/files/inline-images/50.png)#### Korábbi űrlapvarázsló

- Az **Oldal** fül alatt az oldal hátterének színét tudod változtatni.
- Az **Űrlap** fülnél az űrlap háttérszínét (lehet akár átlátszó is, ekkor az oldal háttérszíne fog megjelenni), keretszínét és vastagságát tudod állítani.

![Űrlapok - Űrlapvarázsló - Külső - haladó - háttérszínek](/sites/default/files/inline-images/Urlapvarazslo-k%C3%BCls%C5%91%20-%20halad%C3%B3%20-%201.png)

- Az **Űrlap címe** fül alatt az űrlap címének a betűtípusát, méretét és színét tudod változatni.

![Űrlapok - Űrlapvarázsló - Külső - haladó - cím beállítások](/sites/default/files/inline-images/Urlapvarazslo-k%C3%BCls%C5%91%20-%20halad%C3%B3%20-%202.png)

- Az **űrlap alcíme** fül alatt szintén betűtípust, méretet és színt tudsz változatni.
- A **Mezőfeliratoknál** a különböző mezőid feliratának szövegigazítását, betűtípusát, színét és méretét tudod módosítani.

![Űrlapok - Űrlapvarázsló - Külső - haladó - mezőfeliratok](/sites/default/files/inline-images/Urlapvarazslo-k%C3%BCls%C5%91%20-%20halad%C3%B3%20-%203.png)

- Az **Űrlapmezőknél** a mezőid betűtípusát, méretét, színét, keretét és margóit tudod módosítani.

![Űrlapok - Űrlapvarázsló - Külső - haladó - űrlapmezők](/sites/default/files/inline-images/Urlapvarazslo-k%C3%BCls%C5%91%20-%20halad%C3%B3%20-%203_0.png)

- A **Megjegyzések, leírások** részen csak a *megjegyzés, leírás* típusú adatmezőt tudod módosítani, ha tartalmaz ilyen adatmezőt az űrlapod.

![Űrlapok - Űrlapvarázsló - Külső - haladó - megjegyzések, leírások](/sites/default/files/inline-images/Urlapvarazslo-k%C3%BCls%C5%91%20-%20halad%C3%B3%20-%204.png)

- A **Gomb** fülnél a Küldés gomb betűtípusát, a szöveg színét és méretét tudod változtatni, valamint maga a gomb háttérszínét, keretét, margóját tudod egyedivé módosítani.

![Űrlapok - Űrlapvarázsló - Külső - haladó - gomb beállítások](/sites/default/files/inline-images/k%C3%A9p_2022-08-09_190812442.png)

- Ha az űrlapod rendelkezik lábjegyzet résszel, akkor a **lábjegyzet** fül alatt tudod módosítani a betűtípusát, méretét és színét.
- Az **egyéb** fül alatt tudsz reCaptchát bekapcsolni. Fontos a robotok elleni védelem szempontjából. Választhatsz a **láthatatlan egyszerű,** a **láthatatlan**, és a **látható reCaptcha** közt. A reCaptcha kódok használatáról és a reCaptchás űrlapok beillesztéséről [ITT ](https://www.listamester.hu/utmutato-listamesterhez/robotok-elleni-vedelem-recaptcha-kod-az-urlapban "Robotok elleni védelem, recaptcha kód az űrlapban")írtunk.

A **látható reCaptcha**:

![Űrlapok - Űrlapvarázsló - Külső - haladó - reCaptcha](/sites/default/files/inline-images/k%C3%A9p_2022-08-04_134559370.png)

- A **CSS szerkesztése** gombra kattintva előre elkészített, saját CSS-t is beilleszthetsz.