# Címsor widgetek

> A Haladó címsor, a Kétszínű címsor és a Látványos címsor widget beállításai.

Három widget segít látványos címsort készíteni: a **Haladó címsor**, a **Kétszínű címsor** és a **Látványos címsor**. Mindhárom az Elementor widgetpaneléből húzható az oldalra, és a **Tartalom** fül tetején **Előbeállítások** készletet kínál. Az előbeállítás kiválasztása után minden szöveg és stílus szabadon módosítható.

## Haladó címsor

A widget címsort, alcímet, elválasztót és leírást fűz egyetlen elembe. Linket is adhatsz a címsorhoz, a háttér és a keret pedig a **Haladó** fülön állítható.

### Tartalom fül

Az **Általános** szakasz mezői:

| Beállítás | Mit csinál |
|---|---|
| **Címsor** | A címsor szövege. |
| **Alcím megjelenítése** és **Alcím** | Az alcím be- és kikapcsolása, majd a szövege. |
| **Link** | A címsor linkje, ha kell. Ha csak címsort szeretnél, hagyd üresen. |
| **Leírás megjelenítése** és **Leírás** | A címsor alatti leíró szöveg. |
| **Háttérszöveg** | Halvány, nagy szöveg a címsor mögött. |
| **Címsor mérete** | A címsor HTML-szintje, alapértelmezetten **Alapértelmezett**. |

![A Haladó címsor widget Általános szakasza a címsor, alcím, link, leírás és háttérszöveg mezőivel](./kepek/tartalom-halado-cimsor-1.webp)

*A Haladó címsor widget Általános szakasza a címsor, alcím, link, leírás és háttérszöveg mezőivel* (https://minta-bolt.hu/wp-admin/post.php?post=24&action=elementor)

A képen az **Általános** szakasz mezői látszanak, a **Címsor** mezőben a minta szöveggel.

Az **Elválasztó** szakaszban választhatod ki, milyen elválasztó jelenjen meg a címsor mellett: semmi, egyszerű vonal, vagy vonal ikonnal, képpel vagy szöveggel. A vonalnál a stílus, a szín, a vastagság és a szélesség állítható. Ha ikont vagy képet használsz a vonal mellett, annak mérete, pozíciója és térköze is megadható.

![A Haladó címsor widget Elválasztó szakasza](./kepek/tartalom-halado-cimsor-2.webp)

*A Haladó címsor widget Elválasztó szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=24&action=elementor)

A képen az **Elválasztó** szakasz beállításai láthatók.

### Stílus fül

- Az igazítás (balra, középre, jobbra).
- Az ikon és a kép színe, valamint az áttűnési hatása egérrel föléhúzáskor.
- A teljes widget tipográfiája.

### Haladó fül

- Külső és belső margó, belépő animáció, egyéni CSS-osztály és azonosító.
- **Háttér**: típus, szín, méret, pozíció és az egér fölé húzáskor megjelenő hatások.
- **Szegély**: stílus, szín, vastagság és sarokkerekítés.
- **Reszponzív**: külön megadhatod, hogy a címsor asztali gépen, tableten vagy mobilon látszik-e.
- **Egyéni CSS**: saját stílusszabály. Ez csak az Elementor Pro használatakor érhető el.

## Kétszínű címsor

Két eltérően formázott szövegrészből álló címsor. A szövegek három részre oszlanak: a kiemelt szöveg előtti, a kiemelt és a kiemelt szöveg utáni részre.

- A **Tartalom** fül **Címsor szövege** szakaszában adod meg a szövegeket.
- A **Stílus** fül **Címsor stílusa** szakaszában két lapon (**Normál** és **Kiemelt**) állítod be külön a két rész kinézetét: betűtípus, szín, háttér, keret. A **Haladó** kapcsolóval további beállítások nyílnak meg.
- A **Stílus → Általános → Elrendezés** mezővel a címsor lehet egy sorban (**Soron belüli**) vagy egymás alatt (**Egymás alatt**). Soron belüli elrendezésnél kisebb képernyőn a részek egymás alá törhetnek.
- A teljes címsorhoz külön háttérkép is megadható.

![A Kétszínű címsor widget Címsor szövege szakasza](./kepek/tartalom-ketszinu-cimsor-1.webp)

*A Kétszínű címsor widget Címsor szövege szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=24&action=elementor)

A képen a **Címsor szövege** szakasz látszik a szöveg előtti és utáni mezőkkel.

## Látványos címsor

Címsor, amelynek egyik szava változik: begépelődik vagy becsúszik. A szöveg előtt és után álló rész állandó, a közbülső „látványos” rész cserélődik.

A **Címsor szövege** szakaszban a **Szöveg előtt** és **Szöveg után** mező az állandó rész, a **Díszes szöveg** mezőbe a változó szavakat írd, **mindegyiket új sorba**.

![A Látványos címsor widget Címsor szövege szakasza a díszes szöveg mezővel](./kepek/tartalom-latvanyos-cimsor-szoveg.webp)

*A Látványos címsor widget Címsor szövege szakasza a díszes szöveg mezővel* (https://minta-bolt.hu/wp-admin/post.php?post=24&action=elementor)

A képen a **Díszes szöveg** mező három sora látszik, soronként egy szóval.

A **Hatás** szakaszban az **Effekt kiválasztása** mezővel két hatás közül választasz:

| Hatás | További beállítások |
|---|---|
| **Típus** | **Végtelenítés bekapcsolása** (a szavak folyamatosan ismétlődnek), **Kurzor megjelenítése**, egyéni kurzorszöveg, a kurzor villogása. A **Speciális beállítások** kapcsolóval a gépelés és a visszatörlés sebessége is megadható. |
| **Csúsztatás** | A szöveg csúszva váltakozik. Beállítható, hogy egér fölé húzáskor szüneteljen-e, és az animáció sebessége. |

![A Látványos címsor widget Hatás szakasza a Típus effekttel](./kepek/tartalom-latvanyos-cimsor-2.webp)

*A Látványos címsor widget Hatás szakasza a Típus effekttel* (https://minta-bolt.hu/wp-admin/post.php?post=24&action=elementor)

A képen a **Típus** hatás a **Végtelenítés bekapcsolása**, **Kurzor megjelenítése** és **Speciális beállítások** kapcsolóval látható.