Právě si prohlížíte náš ukázkový web s grafickou šablonou . Tento článek zároveň slouží jako ukázka fontů a stylů designu, které můžete většinou jen kliknutím použít ve svých textech na webu.
Chcete-li text na stránce pravidelně zarovnat, doporučujeme použít ikonku Zarovnat do bloku. V textu pak můžete zvýraznit část textu tučně, případně text odlehčit kurzívou, nebo oba styly tučné písmo a kurzívu zkombinovat. Kdekoli v textu můžete umístit odkaz směřující na jinou stránku Vašeho webu nebo na úplně cizí web. Zvláštní miniikonkou jsou dostylovány odkazy na různé typy souborů. Například soubor PDF, nebo odkaz na soubor DOC aplikace Microsoft Word. Chcete-li vyzvat své návštěvníky, aby Vám napsali e-mail, můžete do textu vložit speciální odkaz směřující přímo na Vaši e-mailovou adresu.
Chcete-li text vycentrovat přímo na střed, můžete celý odstavec zarovnat pomocí ikonky Zarovnat na střed. Dejte ovšem pozor, aby takto formátovaný odstavec nebyl příliš dlouhý, protože tento typ zarovnání ubírá na přehlednosti.
Chcete-li text vycentrovat doprava, můžete celý odstavec zarovnat pomocí ikonky Zarovnat vpravo. Dejte ovšem pozor, aby takto formátovaný odstavec nebyl příliš dlouhý, protože tento typ zarovnání ubírá na přehlednosti.
Podle průzkumů lidé na webu moc nečtou a už vůbec ne dlouhé odstavce bez nadpisů a obrázků. Proto pište krátce, výstižně, používejte nadpisy a ideálně i velice praktické odrážkování.
Číslovaný seznam může být ještě přehlednější a důraznější.
záhlaví tabulky | záhlaví tabulky | záhlaví tabulky | |
---|---|---|---|
obyč. buňka | obyč. buňka | obyč. buňka | |
obyč. buňka | obyč. buňka | obyč. buňka | |
obyč. buňka | obyč. buňka | obyč. buňka | |
obyč. buňka | obyč. buňka | obyč. buňka |
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh . class="text-muted"
Nullam id dolor id nibh ultricies vehicula ut id elit. class="text-primary"
Duis mollis, est non commodo luctus, nisi erat porttitor ligula. class="text-succes"
Maecenas sed diam eget risus varius blandit sit amet non magna. class="text-info"
Etiam porta sem malesuada magna mollis euismod. class="text-warning"
Donec ullamcorper nulla non metus auctor fringilla. class="text-danger"
Maecenas tempus interdum mauris. Curabitur id justo. Nam blandit eros non metus. Aenean malesuada facilisis mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Nullam id dolor id nibh ultricies vehicula ut id elit. class="bg-primary"
Duis mollis, est non commodo luctus, nisi erat porttitor ligula. class="bg-success"
Maecenas sed diam eget risus varius blandit sit amet non magna. class="bg-info"
Etiam porta sem malesuada magna mollis euismod. class="bg-warning"
Donec ullamcorper nulla non metus auctor fringilla. class="bg-danger"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt convallis turpis et pretium. Pellentesque nec luctus lacus, at tempus sem. Ut ut risus nibh. Maecenas aliquam dolor id tristique ornare. Nulla vehicula ultrices arcu, a ornare sapien consectetur bibendum. Cras eu neque mattis, iaculis elit nec, luctus mauris. Phasellus ornare convallis feugiat. Etiam aliquam porttitor enim, facilisis gravida tortor faucibus quis. Donec quis interdum est, eu congue metus. Aliquam erat volutpat. Praesent blandit, erat et hendrerit dictum, turpis sem pretium tortor, ac ullamcorper nisl enim a ex.
Proin diam ligula, rutrum in tincidunt blandit, faucibus maximus leo. Nullam nec turpis eget arcu blandit porttitor accumsan et ligula. Donec a egestas velit, eu gravida diam. Vestibulum interdum risus est, gravida auctor augue pharetra quis. Praesent sit amet posuere massa, vel dapibus tellus. Vivamus eleifend magna eget nisl feugiat, id blandit eros vehicula. Donec vitae maximus sapien. Proin at magna ut ex semper posuere.