Oblíbené
0 Košík

Váš košík je prázdný

Nedávno jsme přidali do sortimentu nějaké novinky a výprodeje. Můžete začít třeba tam.

Kategorie produktů

Pohodlí i za vrtkavého jarního počasí

Zde se uvádí obvykle perex. Krátký text, který popisuje co je v článku cca k přečtení. Perex by neměl přesahovat 100 slov. Zde se uvádí obvykle perex. Krátký text, který popisuje co je v článku cca k přečtení. Perex by neměl přesahovat 100 slov.

4 minuty čtení, admin hlavní 11. 11. 2020

H2: nadpis druhé úrovně

Další text musí být členěn na kratší obsahové bloky - odstavce. Příliš dlouhé bloky se obtížně čtou. Krátké úseky textu členěné pomocí podnadpisů lze rychle "skenovat" pohledem, pro vyhledání konkrétní požadované informace.
V textu mohou být krátké části zvýrazněné vytučněním nebo delší části textu zvýrazněné kurzívou.

“Tento styl můžete použít také v citacích nebo v případě, že potřebujete část textu zvýraznit lorem ipsum doloremque.”

V textu také může být umístěný hypertextový odkaz, který musí být být odlišen barevně, podrtžením. Doporučuje se odkaz zvýraznit ještě při přejezdu kurzorem vizuální změnou, například změnou barvy. Jinou barvu by měl mít i navštívený odkaz.

Obrázek v obsahu by měl mít popisek – právě popisky obrázků patří mezi obsah, který si uživatelé čtou přednostně.

Jak na vkládání obrázků?

Při vkládání ilustračních obrázků do textu je možné vkládat menší obrázky a text nechávat obtékat (v mobilu ale ne, tam bude každý obrázek přes celý blok). Obsahové obrázky nesoucí důležité informace, například grafy, technické výkresy, je vhodné vkládat přes celou plochu stránky. Při zachování příjemné délky řádku (viz tento příklad), doporučujeme spíše obrázky neobtékat.

Vždy je vhodné myslet na celkovou velikost - žádný vkládaný obrázek by neměl být na stránce vyšší, než je výška viewportu - pro prohlížení obrázku pak uživatel nemusí scrollovat stránkou. Obrázek, který by toto pravidlo porušoval, je nutné při vkládání změnšit.

Jak na textové seznamy

Grafika a administrace musí umožnit vkládání textových seznamů. Odrážkovaných i číslovaných, a to včetně zanořených podseznamů. V návrhu grafiky je nutné dát pozor na to, aby v případě seznamů odkazů bylo v dotykových zařízeních (mobil, tablet) dostatečné odsazení jednotlivých řádků - tak aby i silný prst při tapnutí klikl vždy jen na jeden řádek, nikoli na více najednou.

H3: Nadpis třetí úrovně

  • Zkouška nečíslovaného seznamu
  • Zkouška nečíslovaného seznamu druhá položka
  • Zkouška nečíslovaného seznamu třetí položka, tentokrát pěkně dlouhá, na několik řádků, abychom simulovali zalamování. Tentokrát pěkně dlouhá, na několik řádků, abychom simulovali zalamování. To by mohlo stačit.
    • Zkouška nečíslovaného podseznamu

    • Zkouška nečíslovaného podseznamu druhá položka

    • Zkouška nečíslovaného podseznamu třetí položka, tentokrát pěkně dlouhá, na několik řádků, abychom simulovali zalamování. Tentokrát pěkně dlouhá, na několik řádků, abychom simulovali zalamování. To by mohlo stačit.

H3: Nadpis třetí úrovně

  1. Zkouška číslovaného seznamu
  2. Zkouška číslovaného seznamu druhá položka
  3. Zkouška číslovaného seznamu třetí položka, tentokrát pěkně dlouhá, na několik řádků, abychom simulovali zalamování. Tentokrát pěkně dlouhá, na několik řádků, abychom simulovali zalamování. To by mohlo stačit.
    1. Zkouška číslovaného podseznamu

    2. Zkouška číslovaného podseznamu druhá položka

    3. Zkouška číslovaného podseznamu třetí položka, tentokrát pěkně dlouhá, na několik řádků, abychom simulovali zalamování. Tentokrát pěkně dlouhá, na několik řádků, abychom simulovali zalamování. To by mohlo stačit.

Pokud potřebujeme nějakou informaci skutečně zvýraznit, použije se v HTML prvek <BLOCKQUOTE>. Takto zvýrazněný text by neměl být příliš dlouhý.

Líbil se vám tento článek?
Sdílejte ho s přáteli

A nenechte si ujít další

  • Odebírá už více než 1 200 zákazníků
  • Neposíláme častěji než jednou za měsíc
  • Novinky, výprodeje, speciální akce a inspirace
@levnedzinycz

Levné džíny

My módní trendy nevytváříme, ale oblékáme vás do nich.
<p>Nelíbí? Nesedí? Nevadí. Na rozmyšlenou máte&nbsp;<b>30 dnů</b>.&nbsp;<a href="https://levnedziny.simpliashop.cz/Stranky/vraceni-a-vymena-zbozi">Více informací</a>.</p>

Nelíbí? Nesedí? Nevadí. Na rozmyšlenou máte 30 dnůVíce informací.

<p>Super cena dopravy - <b>jen 49 Kč</b>! Doprava zdarma při objednávce nad <b>1.200 Kč</b><br></p>

Super cena dopravy - jen 49 Kč! Doprava zdarma při objednávce nad 1.200 Kč

<p>Zboží si můžete vyzvednout a vyzkoušet na naší prodejně v <b>Brně</b> (<b>otevřeno od 1.6.2024</b>)</p>

Zboží si můžete vyzvednout a vyzkoušet na naší prodejně v Brně (otevřeno od 1.6.2024)

<p>Připojte se k nám a objevte svět džínů. U nás si vybere každý.</p>

Připojte se k nám a objevte svět džínů. U nás si vybere každý.