Přeskočit na obsah

Web nefunguje? Volejte Web nefunguje? +420 721 589 155 nebo nám napište Napište nám

Divi šablona a Elegant Themes

Nově v Divi: Nastavení stínů pro text (text shadow)

Tomáš Cirkl Publikováno Aktualizováno 2 min čtení

Pozor:

Článek je z roku 2017. Některé postupy se mohly změnit.

divi nastavení stínů pro text
Obsah článku (2 kapitoly)

Každý modul a všechny textové elementy dostaly v nové aktualizaci Divi šablony bohaté možnosti nastavení pro stín textu (text shadow). Díky tomu můžete k nadpisům a jiným textům snadno přidávat stínování a učinit je tak text lépe čitelnější nebo je použít k vylepšení designu stránek.

Nejnovější aktualizace navazuje na předchozí, kdy bylo do Divi vloženo nastavení stínů pro prvky (moduly, řádky, sekce).

Nové rozhraní pro nastavení stínu textu

Vložení stínu k textu je v Divi builderu velmi jednoduché. Nové možnosti pro stylování byly přidány k nastavení textu.

Nastavení stínů pro text
Nastavení stínů pro text

Předpřipravené nastavení

Pro méně zkušené uživatele je zde možnost využít předpřipravených vzorů pro nastavení stínu textu. Je zde připraveno 5 různých variant, ze kterých si můžete vybírat. Tyto styly také můžete využít jako výchozí bod a poté jen doladit finální vzhled.

Předpřipravené nastavení stínů
Předpřipravené nastavení stínů

Zcela upravitelné

Nastavení stínů umožňuje upravit atributy pozice, rozostřenost a barva stínu.

Možností nastavení pro stín textu
Možností nastavení pro stín textu

Nejenom v modulu Text

Nastavení pro text shadow je dostupné ve všech modulech a pro všechny textové prvky daného modulu.

Náhled na moduly
Náhled na moduly

Vytvářejte poutavé efekty na stránce

Když se stín textu použije správně, může vypadat skvěle. Podívejte se na předpřiravené ukázky použití text shadow. Můžou být dobrým zdrojem inspirace, co se v Divi šabloně za pomoci této nové funkce dá vytvořit.

Veškeré ukázky si můžete prohlédnout také na demo stránce s text shadow.

Ukázka nastavení stínu u textu #10
Ukázka nastavení stínu u textu #10
Ukázka nastavení stínu u textu #9
Ukázka nastavení stínu u textu #9
Ukázka nastavení stínu u textu #8
Ukázka nastavení stínu u textu #8
Ukázka nastavení stínu u textu #7
Ukázka nastavení stínu u textu #7
Ukázka nastavení stínu u textu #6
Ukázka nastavení stínu u textu #6
Ukázka nastavení stínu u textu #5
Ukázka nastavení stínu u textu #5
Ukázka nastavení stínu u textu #4
Ukázka nastavení stínu u textu #4
Ukázka nastavení stínu u textu #3
Ukázka nastavení stínu u textu #3
Ukázka nastavení stínu u textu #2
Ukázka nastavení stínu u textu #2
Ukázka nastavení stínu u textu #1
Ukázka nastavení stínu u textu #1

Prohlédněte si živou demo stránku s text shadow.

Autor

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

1 031 článků Všechny články autora

Komentáře

Zatím tu nikdo nekomentoval. Napište první komentář.

Přidat komentář

E-mail nezveřejníme. Povinná pole jsou označena hvězdičkou.

Jak zacházíme s údaji z komentářů, popisují zásady ochrany osobních údajů.