# Divi 5 modulok: SVG animáció és szöveges jelvény

> A Supreme Svg Animation és a Supreme Text Badges modul beállításai a Divi 5 Visual Builderben.

Két egyszerű modul a **Divi Supreme** kategóriából. Mindkettőt a **Divi Supreme Pro → Modulok beállításai** fülön kell bekapcsolnod. A beállítások feliratai a builderben angolul maradnak.

## SVG animáció (Supreme Svg Animation)

SVG grafikát animál kódolás nélkül: kiválasztod az animációt, a modul elvégzi a többit. Könnyű mozgó grafika nehéz videofájl nélkül. A fontos szöveget ne csak animációban add meg, azt tartsd valódi szövegmodulban a keresőoptimalizálás miatt.

1. Add hozzá a **Supreme Svg Animation** modult a **Divi Supreme** kategóriából.
2. A **Content** fülön töltsd fel az SVG fájlt, vagy kapcsold be a **Use SVG Code** opciót, és illeszd be a kódot.
3. Válaszd ki az animáció típusát (**Type**), és állítsd be az időzítést.
4. A **Design** fülön állítsd be az igazítást, a színt és a szélességet.
5. Mentsd az oldalt, és nézd meg a weboldalon.

### Content

| Beállítás | Mit csinál |
|---|---|
| **Use SVG Code** | Bekapcsolva fájl helyett SVG kódot használsz. |
| **SVG File** | A feltöltött SVG fájl. |
| **Insert SVG Code** | Ide illesztheted be az SVG kódot. |
| **Type** | Az animáció típusa. |
| **Animation Timing Function** | A sebességgörbe. |
| **Loop** | Az animáció ismétlődik. |
| **Unlimited** | Végtelen ismétlés. Kikapcsolva megadhatod az ismétlések számát. |
| **Number of Times** | Hányszor ismétlődjön. |
| **Trigger** | Bekapcsolva kiválaszthatod, mi indítsa az animációt. |
| **Trigger Type** | Az indítás módja. |
| **Visible viewport** | A látható terület mekkora része után induljon az animáció. |
| **Speed** | Az animáció sebessége, minél kisebb az érték, annál gyorsabb. |
| **Delay** | Késleltetés az indulás előtt. |

### Design

| Beállítás | Mit csinál |
|---|---|
| **Alignment** | Az animáció igazítása. |
| **Color** | Az animáció színe. |
| **Width** | Az animáció szélessége. |

## Szöveges jelvény (Supreme Text Badges)

A szöveg előtt vagy után egy jelvényt mutat, kiemelt vagy fontos szövegekhez. Rövid kifejezésekhez és címsorokhoz való, hosszú szövegekhez nem.

1. Add hozzá a **Supreme Text Badges** modult a **Divi Supreme** kategóriából.
2. A **Content** fülön töltsd ki a **Main Text** és a **Badges Text** mezőt, és válaszd ki a **Badges Placement** értékét.
3. A **Design** fülön állítsd be a jelvény háttérszínét és a rést.
4. Mentsd az oldalt, és nézd meg a weboldalon.

| Beállítás | Mit csinál |
|---|---|
| **Main Text** | A fő szöveg. |
| **Badges Text** | A jelvény szövege. |
| **Badges Placement** | A jelvény a szöveg előtt vagy után áll. |
| **Background Color** | A jelvény háttérszíne (Design fül). |
| **Gap** | A jelvény és a szöveg közti rés (Design fül). |

## Tippek

- Először a **Content** fület töltsd ki, utána a **Design** fület.
- A méreteknél használd a tablet és telefon nézet külön értékeit.
- Ha a mozgás zavarhatja az olvasót, inkább statikus szöveget használj.