Divi 4.2: Fixní hlavička, plovoucí elementy a další

Aktualizace Divi 4.2 přináší další rozšíření vizuálního editoru. Novinky jsou zaměřeny především na pozicování elementů. Novou položku Pozice najdete v záložce Pokročilé u každého Divi elementu.  Nové možnosti nastavení přidávají kontrolu nad každým elementem stránky a obsahují fixní a absolutní pozicování, díky kterému můžete po stránce volně umisťovat element. Lze takto vytvářet například fixní hlavičku a bannery, dynamické koláže fotografií nebo různé efekty překrytí.

Vybírejte mezi fixním, absolutním nebo relativním pozicováním

Jakýkoliv Divi element (modul, řádka nebo sekce) dostal tyto možnosti nastavení. Pokud se trochu orientujete v CSS, budou vám výrazy povědomé. Právě pomocí tohoto nastavení lze volně pohybovat elementem po stránce.

Nové nastavení Pozice v Divi

• Fixed (Fixní) – používá se pro vytvoření přichycených elementů (například fixní hlavičky nebo plovoucího baneru). Element je viditelný po celé stránce a pohybuje se společně s obrazovkou návštěvníka webu.
• Absolute (Absolutní) – element nevyužívá původní pozice a namísto toho se pohybuje volně po okolí nadřazeného konteineru.
• Relative (Relativní) – umožňuje upravit pozici elementu, ale nemění závislost na nadřazeném kontejneru. Pozice je relativní vůči elementu samému.

Detailněji popsáno na stránkách jakpsatweb.cz.

Ovládání horizontálního a vertikálního odsazení

Jakmile vyberete typ pozice, zobrazí se nové vizuální rozhraní. Pozici si můžete vybrat z předpřipravených bodů nebo pomocí posuvníků horizontálního a vertikálního odsazení.

Nová ovládací ikona pro ruční umístění

Pokud máte u elementu vybrané vlastní pozicování, tak se v jeho pravém horním rohu zobrazí ikona, se kterou můžete provést ruční umístění prvku.

Fixní hlavičky a plovoucí elementy

Použitím fixní pozice vytvoříte plovoucí element. Ten může být umístěn kdekoliv v okně prohlížeče a zůstává při posunu stránkou na svém místě.

Vytvoření vlastní fixní hlavičky

Asi nejčastější využití nového nastavení bude v kombinaci s tvorbou fixní hlavičky webu s Tvůrcem motivů, přes kterého si vytvoříte hlavičku na míru a poté jí jen nastavíte přichycení k horní hraně prohlížeče.

Vytvářejte plovoucí bannery, tlačítka nebo formuláře

Cokoliv může být přichyceno k prohlížeči. Vytvářejte formuláře, bannery nebo call-to-action prvky, které zůstanou neustále na očích.

Skládejte prvky na sebe

Když upravíte pozici na relativní nebo absolutní, tak budete moci jednoduše skládat prvky přes sebe, bez toho, aby jste narušili okolní strukturu webu.

Chcete vidět, jak to funguje v praxi? Podívejte se na předpřipravenou demo stránku, kde je naplno využito toto nové nastavení pozic elementů.