Bodový seznam

Bodovým seznamem můžeme zvýraznit a zpřehlednit části textu. Tento prvek jako samotný z obsahu vystupuje a není třeba do něj vkládat další možnosti stylizace jako např. tučné písmo, kurzívu nebo funkci Mark.

Bodový seznam do prvků zvýraznění neumisťujeme. Sám o sobě je zvýrazňujícím prvkem a svou funkci vizuálního oddělení od bloků textu (odstavců) plní velmi dobře.

Jednoduchý bodový seznam

Používáme pro seznam odkazů a doplňujících informací. Do bodového seznamu neaplikujeme tučné písmo ani kurzívu (ukázka č. 4)

Ukázka č. 4:

• Stránky MPO
• Stránky CzechTrade
• Stránky Vláda ČR
• Stránky Ministerstva vnitra ČR

nebo:

• Vše k situaci v České republice najdete na www.businessinfo.cz/koronavirus
• Nejčastější dotazy podnikatelů ohledně opatření proti šíření koronaviru na www.businessinfo.cz/faq
• V bodovém seznamu zásadně nepoužíváme tučné písmo, kurzívu nebo funkci Mark na žádné z jeho úrovních

Bodový seznam víceúrovňový

Bodový seznam víceúrovňový nám poskytuje možnost zobrazení hierarchie obsahu. Nicméně i v tomto případě platí zásada neaplikovat tučné písmo nebo kurzívu do jeho obsahu. Pokud je nutné více zvýraznit strukturu obsahu, pak se aplikuje tučné písmo pouze na vyšší úroveň (ukázka č. 5).

Ukázka č. 5

• Morbi dolor ipsum, consectetur pretium tincidunt pellentesque
• Euismod odio magna, ac elementum est elementum vitae (1. úroveň)
  • Suspendisse a interdum turpis
  • Aenean non convallis ante (2. úroveň)
    • Pellentesque vel pulvinar lorem (3. úroveň)
      • Curabitur congue, ante eget commodo tempor (4. úroveň)
• Praesent magna lacus, posuere sit amet felis quis, finibus mollis lorem
  • Quisque tincidunt dapibus tincidunt
• Suspendisse pretium nunc purus, vitae maximus lorem tempus finibus

nebo:

• Morbi dolor ipsum
  Consectetur pretium tincidunt pellentesque Vivamus a metus ac ex vestibulum fermentum.
• Euismod odio magna
  Ac elementum est elementum vitae aliquam sit amet urna vitae hendrerit.
  • Suspendisse a interdum turpis
  • Aenean non convallis ante
• Praesent magna lacus
  Posuere sit amet felis quis, finibus mollis lorem.
  • Quisque tincidunt dapibus tincidunt
• Suspendisse
  Pretium nunc purus, vitae maximus lorem tempus finibus purus vitae enim tristique auctor a et lacus.

Číslovaný seznam

Začínat číslovaný seznam od čísla vyššího než 1 může být užitečné v různých kontextech, zejména když se informace rozkládají přes více částí nebo dokumentů, nebo když pokračujete v sekvenční činnosti, která byla již dříve zahájena.

Jako příklad uvádíme sérii seminářů, kdy v bloku s nastavením číslovaného seznamu zadáme jako první hodnotu 3.

3. série semináře
4. série semináře
5. série semináře

Štítky

Štítky slouží jako vizuální prvek pro speciály. Takový obsah bude mít štítky použité na dvou úrovních: seznam štítků k zakliknutí a štítky v bloku textu. Při zakliknutí v seznamu štítků dojde ke zvýraznění štítku pod odstavci a to vždy podle barvy vertikály (články, návody).

Seznam štítků píšeme do jednoho odstavce jako slova oddělená mezerou a celý tento odstavec označíme CSS třídou: onpage-labels v části Pokročilé nastavení pro dokument. Každému štítku vytvoříme link, kde stačí zadat #.

Daně online Covid Finanční úřady

Druhou částí je pro jednotlivé bloky textů vytvořit bodový seznam, který bude obsahovat zvolené štítky. Tento seznam spolu s odstavcem seskupíme za použití funkce Skupina a přiřadíme CSS třídu: labels-wrapper v části Pokročilé nastavení pro dokument.

Tabulky

Styl tabulky je nutno uzpůsobit obsahu, jež do ní budeme vkládat. Možnost použít záhlaví a zápatí není vždy nutné. Proto volíme styl pruhy pro lepší přehlednost obsahu tabulky a její vizuální zvýraznění v kontextu celkového obsahu. Textové informace zarovnáváme vždy vlevo. Číselné informace, jedná-li se o stejný počet znaků (např. roky), zarovnáváme na střed. Také vhodné aplikovat např. u Ano/Ne. Jedná-li se o částky různých hodnot, zarovnáváme vždy vpravo.

Tabulka se v editoru přidává automaticky za předchozí blok. Nicméně dělící prostor je velmi malý. Zde přichází na řadu nástroj Mezera. V této ukázce je Mezera umístěna za odstavcem, který právě čtete a za tabulkou. Výšku mezery nastavujeme jednotně 20px.

Přestože se automaticky při vkládání nové tabulky obsah jednotlivých buněk zarovnává vpravo, u sloupců s písemným popisem (zejména první zleva) je doporučeno všechny položky zarovnat vlevo. Před publikací článku doporučujeme zkontrolovat, zda-li se opravdu zarovnává správně.

Tabulky v responzivním vzhledu obsahují posuvník a prvek šipky, který návštěvníkovi napoví posun v tabulce. Proto je vhodné se vyhnout nastavení pevné šířky buněk tabulky, jinak bude tabulka přizpůsobena velikosti obrazovky a může tak dojít k deformaci hodnot v tabulce.

Vznikne-li potřeba, můžeme přidat titulek tabulky, stejně jako u obrázků či nahrávek.