Otáčecí dlaždice

K čemu slouží

Komponenta Otáčecí dlaždice představuje interaktivní a vizuálně atraktivní prvek, který je však vhodný pouze pro specifické použití.
Jedná se o čtvercovou dlaždici, která reaguje na pohyb myši tak, že se otočí. Každá strana dlaždice může obsahovat vlastní text a pozadí s obrázkem. Na zadní straně je obvykle umístěno také tlačítko nebo textový odkaz. Obsah zadní strany dlaždice by měl navazovat na první stranu nebo ji nějakým způsobem doplňovat (a případně odkazovat na další obsah).

Otáčecí dlaždice je vizuálně zajímavý prvek, nicméně je vždy důležité pečlivě zvážit, zda je použití tohoto prvku v konkrétním kontextu opravdu vhodné a jestli nebude pro uživatele spíše rušivé než užitečné.

Jak s komponentou pracovat

Varianty vzhledu a další nastavení

Otáčecí dlaždice má vždy čtvercový formát a její velikost je dána šířkou sloupce, do kterého je vložena.

Jaký obsah lze na otáčecí dlaždici vložit

Přední strana
Může obsahovat text, obrázek na pozadí (lze nastavit jeho ztmavení) a případně ikonu. Pokud nenahrajete na pozadí žádný obrázek, bude pozadí modré (univerzitní modrá).
Zadní strana
Stejně jako u přední strany je možné vložit text, obrázek na pozadí i ikonu, dále pak také tlačítko a odkaz.

Další informace a nastavení

Každou z komponent vytvořených v Umbracu je možné na webu skrýt (záložka Viditelnost v nastavení prvku) a vždy je možné nastavit rozestupy od okolních prvků (záložka Rozestupy).
Prozkoumejte a vyzkoušejte všechny dostupné možnosti nastavení této komponenty přímo v Umbracu.

Tipy a doporučení

Zkontrolujte si v nastavení komponenty, jak se otáčecí dlaždice zobrazí na desktopu, tabletu a mobilu.

Příklad otáčecí dlaždice

173 projektů

Zobrazit

Ukázky použití na webu

Zobrazte si živé ukázky – k dispozici je vždy odkaz na ukázkovou stránku nebo přímo na skutečnou stránku webu, ze kterého daný příklad pochází.

Ukázka 1

Zvětšit obrázek
Přejít na stránku na webu Udržitelnosti MU

Otáčecí dlaždice vložené v šesti sloupcích

Ukázka 2

Zvětšit obrázek
Přejít na stránku na webu CSIRT-MU

Adevntní kalendář Kyberbezpečnostního týmu MU tvořený otáčecími dlaždicemi vloženými v pěti sloupcích. (Dlaždice byly zpřístupňovány postupně.)