# Részecskés hátterek

> Mozgó részecskehatás szekció, oszlop vagy tároló hátterében: beépített stílusok, beállítások, egyéni stílus JSON-kóddal, hibaelhárítás.

A **Részecskés hátterek** kiegészítővel mozgó, látványos hátteret adhatsz egy szekciónak, oszlopnak, tárolónak vagy widgetnek. Az effekt felkeltheti a látogatók figyelmét. A kiegészítő a **UAE → Widgetek** oldalon a **Részecskés hátterek** kapcsolóval kapcsolható be.

A kiegészítő jellemzői:

- beépített stílusok: Sokszög, NASA, Hó, Hópelyhek, Karácsony, Halloween;
- a részecskék kinézetének finomhangolása (szín, átlátszatlanság, méret, sebesség és más);
- rámutatási effektus az interaktív háttérhez;
- saját stílus kódolás nélkül.

## Hol találod

A beállítások az Elementor szokásos háttérbeállításai mellett vannak. Szerkeszd az elemet, és nyisd meg a **Stílus** fület. A **Háttér** szakasz alatt találod az **UAE - Részecskehátterek** szakaszt.

1. Szerkeszd az elemet, és menj a **Stílus** fülre.
2. Nyisd ki az **UAE - Részecskehátterek** szakaszt.
3. Kapcsold be a **Részecskeháttér bekapcsolása** kapcsolót.
4. A **Stílus** listából válassz: **Sokszög**, **NASA**, **Hó**, **Hópelyhek**, **Karácsony**, **Halloween** vagy **Egyéni**.
5. Állítsd be a **Részecske színe** és az **Átlátszatlanság** értékét.

![Az UAE - Részecskehátterek szakasz bekapcsolva, NASA stílussal](./kepek/kiegeszitok-reszecske-hatter.webp)

*Az UAE - Részecskehátterek szakasz bekapcsolva, NASA stílussal* (https://minta-bolt.hu/wp-admin/post.php?post=34&action=elementor)

A képen a bekapcsolt szakasz látszik a **Stílus** listával, a színnel és az átlátszatlansággal. A tároló felső sávjában már látod a részecskéket is.

## Speciális beállítások

A **Speciális beállítások** kapcsolóval további vezérlők jelennek meg.

| Beállítás | Mit csinál |
|---|---|
| **Részecskék száma** | Hány részecske jelenjen meg. |
| **Részecske mérete** | A részecskék nagysága. |
| **Mozgási sebesség** | A részecskék mozgásának sebessége. |
| **Rámutatási effektus engedélyezése** | Az egér mozgására reagáló, interaktív hatást ad. |

![A Speciális beállítások: részecskék száma, mérete, mozgási sebesség és a rámutatási effektus](./kepek/kiegeszitok-reszecske-halado.webp)

*A Speciális beállítások: részecskék száma, mérete, mozgási sebesség és a rámutatási effektus* (https://minta-bolt.hu/wp-admin/post.php?post=34&action=elementor)

A rámutatási effektust csak a látogatói oldalon látod, a szerkesztőben nem.

## Egyéni részecskestílus

A beépített stílusokon túl saját stílust is készíthetsz JSON-kóddal. Kódolni nem kell hozzá: egy online részecske-szerkesztőben állítod össze, és a letöltött kódot másolod be.

1. Nyisd meg az online részecske-szerkesztőt, amellyel a stílus megtervezhető.
2. Állítsd be, amit szeretnél: a részecskék alakját, színét, méretét, számát és sűrűségét. Az interaktivitási beállításokkal megadhatod, mi történjen egérmozgásra vagy kattintásra. A részecskékhez oldalháttér is beállítható.
3. Ha kész, kattints a **Download current config (json)** gombra. Ez letölti a stílus kódját.
4. Nyisd meg a letöltött fájlt, és másold ki a teljes tartalmát.
5. Az Elementorban nyisd meg annak az elemnek a **Stílus** fülét, amelynek a hátterét be akarod állítani.
6. Az **UAE - Részecskehátterek** szakaszban válaszd a **Stílus** listában az **Egyéni** értéket.
7. Illeszd be a kimásolt kódot a megjelenő JSON-mezőbe.
8. Mentsd a változtatásokat.

## Hibaelhárítás

### Nem látszik a részecskés háttér

Ha bekapcsoltad a hátteret, de semmi nem változik, az általában azért van, mert az elem tartalma kitölti a teljes helyet, és a részecskéknek nincs hova jelenniük. Például egy sorban van egy címsor, fölötte és alatta térköz, és ezeknek mind van háttérszíne. Ilyenkor a sorra beállított részecskés háttér eltűnik a tartalom mögött.

Megoldás: állíts átlátszó hátteret az összes oszlopnak és widgetnek, amely a részecskés háttérrel ellátott elem fölött van. Ahol az oszlopok vagy widgetek háttere átlátszó, a részecskés háttér látszik.

### A rámutatási effektus nem működik

A **Rámutatási effektus engedélyezése** a következő esetekben nem hat:

- Csak a látogatói oldalon látszik, a szerkesztőben nem működik.
- Egy tartalom vagy térköz eltakarja a hátteret. Ha például a sorban egy címsor van fölötte és alatta egy-egy térközzel, ezek átlátszó háttere mellett a részecskék látszanak ugyan, de nem reagálnak, mert a kurzor a térközön van, nem közvetlenül a részecskéken. Az effekt ott működik, ahol a kurzor közvetlenül a részecskékhez ér.

Megoldás: vedd ki a térközt, és állíts a sornak belső margót (padding), így a részecskék látszanak, és az egér hozzájuk érhet.