{"id":671,"date":"2017-07-25T14:58:27","date_gmt":"2017-07-25T12:58:27","guid":{"rendered":"https:\/\/www.naturadk.eu\/?page_id=671\/"},"modified":"2017-07-25T14:58:27","modified_gmt":"2017-07-25T12:58:27","slug":"vzhled-stylovani-obsahu-styleguide","status":"publish","type":"page","link":"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/","title":{"rendered":"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide)"},"content":{"rendered":"<ul class=\"nav nav-pills\">\n<li><a href=\"#nadpisy\">Nadpisy<\/a><\/li>\n<li><a href=\"#odstavce\">Odstavce<\/a><\/li>\n<li><a href=\"#bloky\">Bloky<\/a><\/li>\n<li><a href=\"#seznamy\">Seznamy<\/a><\/li>\n<li><a href=\"#odkazy\">Extern\u00ed odkaz<\/a><\/li>\n<li><a href=\"#obrazky\">Obr\u00e1zky<\/a><\/li>\n<li><a href=\"#tabulky\">Tabulky<\/a><\/li>\n<\/ul>\n<p class=\"odstavecRada radaS\"><strong>V\u011bt\u0161inu n\u00ed\u017ee uk\u00e1zan\u00fdch prvk\u016f lze naklikat v&nbsp;admin prost\u0159ed\u00ed editoru \u010dl\u00e1nku v\u00fdb\u011brem textu \u010di elementu a p\u0159i\u0159adit mu styl pomoc\u00ed roletkov\u00e9ho v\u00fdberu &#8220;Styly&#8221; a &#8220;Form\u00e1t&#8221;<\/strong>. Pokud je u prvku uvedena cesta a n\u00e1zev k&nbsp;\u0161ablon\u011b, znamen\u00e1 to, \u017ee tento prvek lze kompletn\u011b na\u010d\u00edst p\u0159es \u0161ablonu jako celek a n\u00e1sledn\u011b upravit (p\u0159epsat text, vym\u011bnit obr\u00e1zek atd.).<\/p>\n<hr \/>\n<h1 id=\"nadpisy\">Nadpisy<\/h1>\n<p>Nadpisy lze p\u0159i\u0159azovat pomoc\u00ed roletkov\u00e9ho v\u00fdb\u011bru &#8220;<strong>Form\u00e1t<\/strong>&#8220;.<\/p>\n<h1>Nadpis H1<\/h1>\n<h2>Nadpis H2<\/h2>\n<h3>Nadpis H3<\/h3>\n<h4>Nadpis H4<\/h4>\n<h5>Nadpis H5<\/h5>\n<h6>Nadpis H6<\/h6>\n<h1 id=\"odstavce\">Odstavce<\/h1>\n<p>Odstavce lze stylovat pomoc\u00ed roletkov\u00e9ho v\u00fdb\u011bru &#8220;<strong>Style<\/strong>&#8220;.<\/p>\n<h2>Norm\u00e1ln\u00ed odstavec &#8211; zarovnan\u00fd vlevo<\/h2>\n<p>Defaultn\u00ed nastaven\u00ed bez stylu. Norm\u00e1ln\u00ed odstavec textu s&nbsp;<a>aktivn\u00edm odkazem<\/a> v&nbsp;textu. P\u00edsmem zv\u00fdrazn\u011bn\u00fdm pomoc\u00ed <strong>strongu<\/strong>. V\u00fdrazn\u00fdm p\u00edsmem, p\u0159\u00edpadn\u011b <em>kurz\u00edvou<\/em>. Je mo\u017en\u00e9 pou\u017e\u00edt i nev\u00fdrazn\u00fd text (pozn\u00e1mku) v&nbsp;odstavci. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<h2>Norm\u00e1ln\u00ed odstavec &#8211; zarovnan\u00fd vpravo<\/h2>\n<p class=\"text-right\">P\u0159i\u0159azen\u00fd styl <code>text-right<\/code>. Norm\u00e1ln\u00ed odstavec textu s&nbsp;<a>aktivn\u00edm odkazem<\/a> v&nbsp;textu. P\u00edsmem zv\u00fdrazn\u011bn\u00fdm pomoc\u00ed <strong>strongu<\/strong>. V\u00fdrazn\u00fdm p\u00edsmem, p\u0159\u00edpadn\u011b <em>kurz\u00edvou<\/em>. Je mo\u017en\u00e9 pou\u017e\u00edt i nev\u00fdrazn\u00fd text (pozn\u00e1mku) v&nbsp;odstavci. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<h2>Norm\u00e1ln\u00ed odstavec &#8211; zarovnan\u00fd soumerne<\/h2>\n<p class=\"text-justify\">P\u0159i\u0159azen\u00fd styl <code>text-justify<\/code>. Norm\u00e1ln\u00ed odstavec textu s&nbsp;<a>aktivn\u00edm odkazem<\/a> v&nbsp;textu. P\u00edsmem zv\u00fdrazn\u011bn\u00fdm pomoc\u00ed <strong>strongu<\/strong>. V\u00fdrazn\u00fdm p\u00edsmem, p\u0159\u00edpadn\u011b <em>kurz\u00edvou<\/em>. Je mo\u017en\u00e9 pou\u017e\u00edt i nev\u00fdrazn\u00fd text (pozn\u00e1mku) v&nbsp;odstavci. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<h2>Norm\u00e1ln\u00ed odstavec &#8211; zarovnan\u00fd na st\u0159ed<\/h2>\n<p class=\"text-center\">P\u0159i\u0159azen\u00fd styl <code>text-center<\/code>. Norm\u00e1ln\u00ed odstavec textu s&nbsp;<a>aktivn\u00edm odkazem<\/a> v&nbsp;textu. P\u00edsmem zv\u00fdrazn\u011bn\u00fdm pomoc\u00ed <strong>strongu<\/strong>. V\u00fdrazn\u00fdm p\u00edsmem, p\u0159\u00edpadn\u011b <em>kurz\u00edvou<\/em>. Je mo\u017en\u00e9 pou\u017e\u00edt i nev\u00fdrazn\u00fd text (pozn\u00e1mku) v&nbsp;odstavci. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<h2>Zv\u00fdrazn\u011bn\u00e9 odstavce podbarven\u00edm<\/h2>\n<p>Odstavce lze stylovat pomoc\u00ed roletkov\u00e9ho v\u00fdb\u011bru &#8220;<strong>Style<\/strong>&#8220;.<\/p>\n<p class=\"odstavecUvodnik\">P\u0159i\u0159azen\u00fd styl <code>odstavecUvodnik<\/code>. \u00davodn\u00edk, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a>odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<p class=\"srovnani odstavecVystraha\">P\u0159i\u0159azen\u00fd styl <code>odstavecVystraha<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a>odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<br \/>\nV\u00fdstraha<\/p>\n<p class=\"odstavecPotvrzeni\">P\u0159i\u0159azen\u00fd styl <code>odstavecPotvrzeni<\/code>. Potvrzen\u00ed, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<p class=\"odstavecPoznamka\">P\u0159i\u0159azen\u00fd styl <code>odstavecPoznamka<\/code>. Pozn\u00e1mka, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<p class=\"odstavecRada\">P\u0159i\u0159azen\u00fd styl <code>odstavecRada<\/code>. Rada, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<p class=\"odstavecDulezite\">P\u0159i\u0159azen\u00fd styl <code>odstavecDulezite<\/code>. Dulezite, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<p class=\"odstavecCitace\">P\u0159i\u0159azen\u00fd styl <code>odstavecCitace<\/code>. Citace, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<h3>Obr\u00e1zkov\u00e9 odstavce s&nbsp;malou ikonou<\/h3>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-malou-ikonou\\<strong>Vystraha-m.html<\/strong><\/p>\n<p class=\"odstavecVystraha vystrahaM\">P\u0159i\u0159azen\u00fd styl <code>odstavecVystraha<\/code> a <code>vystrahaM<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-malou-ikonou\\<strong>Potvrzeni-m.html<\/strong><\/p>\n<p class=\"odstavecPotvrzeni potvrzeniM\">P\u0159i\u0159azen\u00fd styl <code>odstavecPotvrzeni<\/code> a <code>potvrzeniM<\/code>. Potvrzen\u00ed, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-malou-ikonou\\<strong>Poznamka-m.html<\/strong><\/p>\n<p class=\"odstavecPoznamka poznamkaM\">P\u0159i\u0159azen\u00fd styl <code>odstavecPoznamka<\/code> a <code>poznamkaM<\/code>. Pozn\u00e1mka, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-malou-ikonou\\<strong>Rada-m.html<\/strong><\/p>\n<p class=\"odstavecRada radaM\">P\u0159i\u0159azen\u00fd styl <code>odstavecRada<\/code> a <code>radaM<\/code>. Rada, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-malou-ikonou\\<strong>Dulezite-m.html<\/strong><\/p>\n<p class=\"odstavecDulezite duleziteM\">P\u0159i\u0159azen\u00fd styl <code>odstavecDulezite<\/code> a <code>duleziteM<\/code>. Dulezite, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-malou-ikonou\\<strong>Citace-m.html<\/strong><\/p>\n<p class=\"odstavecCitace citaceM\">P\u0159i\u0159azen\u00fd styl <code>odstavecCitace<\/code> a <code>citaceM<\/code>. Citace, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam.<\/p>\n<h3>Obr\u00e1zkov\u00e9 odstavce se st\u0159edn\u00ed ikonou<\/h3>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\Se-stredni-ikonou\\<strong>Vystraha-s.html<\/strong><\/p>\n<p class=\"odstavecVystraha vystrahaS\">P\u0159i\u0159azen\u00fd styl <code>odstavecVystraha<\/code> a <code>vystrahaS<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\Se-stredni-ikonou\\<strong>Potvrzeni-s.html<\/strong><\/p>\n<p class=\"odstavecPotvrzeni potvrzeniS\">P\u0159i\u0159azen\u00fd styl <code>odstavecPotvrzeni<\/code> a <code>potvrzeniS<\/code>. Potvrzen\u00ed, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\Se-stredni-ikonou\\<strong>Poznamka-s.html<\/strong><\/p>\n<p class=\"odstavecPoznamka poznamkaS\">P\u0159i\u0159azen\u00fd styl <code>odstavecPotvrzeni<\/code> a <code>vystrahaS<\/code>. Pozn\u00e1mka, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\Se-stredni-ikonou\\<strong>Rada-s.html<\/strong><\/p>\n<p class=\"odstavecRada radaS\">P\u0159i\u0159azen\u00fd styl <code>odstavecRada<\/code> a <code>radaS<\/code>. Rada, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\Se-stredni-ikonou\\<strong>Dulezite-s.html<\/strong><\/p>\n<p class=\"odstavecDulezite duleziteS\">P\u0159i\u0159azen\u00fd styl <code>odstavecDulezite<\/code> a <code>duleziteM<\/code>. Dulezite, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\Se-stredni-ikonou\\<strong>Citace-s.html<\/strong><\/p>\n<p class=\"odstavecCitace citaceS\">P\u0159i\u0159azen\u00fd styl <code>odstavecCitace<\/code> a <code>citaceM<\/code>. Citace, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus.<\/p>\n<h3>Obr\u00e1zkov\u00e9 odstavce s&nbsp;velkou ikonou<\/h3>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-velkou-ikonou\\<strong>Vystraha-v.html<\/strong><\/p>\n<p class=\"odstavecVystraha vystrahaV\">P\u0159i\u0159azen\u00fd styl <code>odstavecVystraha<\/code> a <code>vystrahaV<\/code>. V\u00fdstraha, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<p>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: \\Odstavce-podbarvene\\S-velkou-ikonou\\<strong>Potvrzeni-v.html<\/strong><\/p>\n<p class=\"odstavecPotvrzeni potvrzeniV\">P\u0159i\u0159azen\u00fd styl <code>odstavecPotvrzeni<\/code> a <code>potvrzeniV<\/code>. Potvrzen\u00ed, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<br \/>\nPotvrzen\u00ed<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-velkou-ikonou\\<strong>Poznamka-v.html<\/strong><\/p>\n<p class=\"odstavecPoznamka poznamkaV\">P\u0159i\u0159azen\u00fd styl <code>odstavecPoznamka<\/code> a <code>poznamkaV<\/code>. Pozn\u00e1mka, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-velkou-ikonou\\<strong>Rada-v.html<\/strong><\/p>\n<p class=\"odstavecRada radaV\">P\u0159i\u0159azen\u00fd styl <code>odstavecRada<\/code> a <code>radaV<\/code>. Rada, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-velkou-ikonou\\<strong>Dulezite-v.html<\/strong><\/p>\n<p class=\"odstavecDulezite duleziteV\">P\u0159i\u0159azen\u00fd styl <code>odstavecDulezite<\/code> a <code>duleziteV<\/code>. Dulezite, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Odstavce-podbarvene\\S-velkou-ikonou\\<strong>Citace-v.html<\/strong><\/p>\n<p class=\"odstavecCitace citaceV\">P\u0159i\u0159azen\u00fd styl <code>odstavecCitace<\/code> a <code>citaceV<\/code>. Citace, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a>. Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed. Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<h1 id=\"bloky\">Barevn\u00e9 bloky s&nbsp;obr\u00e1zkem a odstavci<\/h1>\n<p>Do barevn\u00e9ho bloku je mo\u017en\u00e9 nahr\u00e1t jak\u00fdkoliv obr\u00e1zek, kter\u00fd budou opt\u00e9kat odstavce. Na blok lze aplykovat barevn\u00e9 styly p\u0159edchoz\u00edch odstavc\u016f. <strong>Pro roz\u0161\u00ed\u0159en\u00e9 \u00fapravy prvk\u016f uvnit\u0159 bloku je nutn\u00e9 se p\u0159epnout do html kodu!<\/strong><\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Bloky-s-obrazky-a-odstavci\\<strong>Obrazek-vlevo-plus-odstavce.html<\/strong><\/p>\n<div class=\"odstavecRada\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"pull-left\" src=\"images\/styleguide\/rada-big.png\" alt=\"rada-big\" width=\"95\" height=\"75\" \/><\/p>\n<p><strong>Kliknut\u00edm na obr\u00e1zek m\u016f\u017eete pomoc\u00ed ikony &#8220;Vlo\u017eit\/upravit&#8221; obr\u00e1zek zm\u011bnit. Odentrov\u00e1n\u00edm m\u016f\u017eete d\u00e1le p\u0159id\u00e1vat dal\u0161\u00ed odstavce. Zm\u011bnu barvy pozad\u00ed v\u0161ak lze zmenit jen po p\u0159epnut\u00ed-se do html kodu a p\u0159eps\u00e1n\u00ed t\u0159\u00eddy <code>odstavecRada<\/code> obalov\u00e9ho <code>&lt;div&gt;<\/code>.<\/strong> Lorem ipsum dolor sit amet consectetuer sem enim condimentum Curabitur sed.<\/p>\n<p>Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<\/div>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Bloky-s-obrazky-a-odstavci\\<strong>Obrazek-vlevo-a-vpravo-plus-odstavce.html<\/strong><\/p>\n<div class=\"odstavecPotvrzeni\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"pull-left\" src=\"images\/styleguide\/vyhoda-big.png\" alt=\"vyhoda-big\" width=\"95\" height=\"75\" \/><\/p>\n<p class=\"text-justify\"><strong>Kliknut\u00edm na obr\u00e1zek m\u016f\u017eete pomoc\u00ed ikony &#8220;Vlo\u017eit\/upravit&#8221; obr\u00e1zek zm\u011bnit. Odentrov\u00e1n\u00edm m\u016f\u017eete d\u00e1le p\u0159id\u00e1vat dal\u0161\u00ed odstavce. Zm\u011bnu barvy pozad\u00ed v\u0161ak lze zmenit jen po p\u0159epnut\u00ed-se do html kodu a p\u0159eps\u00e1n\u00ed t\u0159\u00eddy <code>odstavecPotvrzeni<\/code> obalov\u00e9ho <code>&lt;div&gt;<\/code><\/strong>. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"pull-right\" src=\"images\/styleguide\/nevyhoda-big.png\" alt=\"nevyhoda-big\" width=\"95\" height=\"75\" \/><\/p>\n<p class=\"text-justify\">Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<p class=\"text-justify\">Justo In Morbi leo libero non Suspendisse pharetra diam vel massa. Neque Quisque ac pellentesque eu sodales egestas purus pellentesque Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/p>\n<\/div>\n<h3>Dal\u0161\u00ed mo\u017enosti \u00faprav v&nbsp;bloku<\/h3>\n<div class=\"odstavecUvodnik\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"pull-left\" src=\"images\/soubory\/obrazky\/default\/thumb-120x120.jpg\" alt=\"thumb-120x120\" width=\"120\" height=\"120\" \/><\/p>\n<h2>Nadpis H2<\/h2>\n<p>Do bloku je mo\u017en\u00e9 vkl\u00e1dat dal\u0161\u00ed prvky jako t\u0159eba nadpisy, nebo odr\u00e1\u017ekov\u00fd seznam.<\/p>\n<p><strong>Seznam ov\u0161em nesm\u00ed b\u00fdt vedle obr\u00e1zku um\u00edst\u011bn\u00e9ho vlevo<\/strong> (odr\u00e1\u017eky se schovaj\u00ed pod obr\u00e1zek).<\/p>\n<p>Ide\u00e1ln\u00ed um\u00edst\u011bn\u00ed or\u00e1\u017ekov\u00e9ho seznamu je mimo obr\u00e1zky, p\u0159\u00edpadn\u011b pou\u017e\u00edt obr\u00e1zek um\u00edst\u011bn\u00fd vpravo.<\/p>\n<ul>\n<li>Morbi leo libero non Suspendisse<\/li>\n<li>pharetra diam vel massa. Neque<\/li>\n<li>Quisque ac pellentesque eu sodales egestas purus pellentesque<\/li>\n<li>Phasellus Nullam. Dolor hac condimentum pede quam In magna tellus semper id consectetuer.<\/li>\n<\/ul>\n<\/div>\n<h1 id=\"seznamy\">Seznamy<\/h1>\n<p>Seznam lze stylovat pomoc\u00ed ikon &#8220;<strong>\u0158azen\u00fd seznam<\/strong>&#8221; a &#8220;<strong>Ne\u0159azen\u00fd seznam<\/strong>&#8220;.<\/p>\n<h2>Jmenn\u00fd seznam &#8211; bez odr\u00e1\u017eek horizont\u00e1ln\u00ed<\/h2>\n<p>Seznam lze stylovat pomoc\u00ed roletkov\u00e9ho v\u00fdb\u011bru &#8220;<strong>Style<\/strong>&#8220;. P\u0159i\u0159azen\u00fd styl <code>list-inline<\/code>.<\/p>\n<ul class=\"list-inline\">\n<li>Odrazka<\/li>\n<li>Odrazka<\/li>\n<li>Odrazka<\/li>\n<li>Odrazka<\/li>\n<li>Odrazka<\/li>\n<\/ul>\n<h2>Jmenn\u00fd seznam &#8211; bez odr\u00e1\u017eek<\/h2>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Seznamy\\<strong>Bezodrazkovy-seznam.html<\/strong><\/p>\n<p>Seznam lze stylovat pomoc\u00ed roletkov\u00e9ho v\u00fdb\u011bru &#8220;<strong>Style<\/strong>&#8220;. P\u0159i\u0159azen\u00fd styl <code>list-unstyled<\/code>.<\/p>\n<ul class=\"list-unstyled\">\n<li>odrazka<\/li>\n<li>odrazka s&nbsp;<a>odkazem<\/a><\/li>\n<li>odrazka <strong>strong<\/strong><\/li>\n<li>odrazka tu\u010dn\u011b &#8211; v\u00fdrazn\u011b<\/li>\n<li>odr\u00e1\u017eka <em>kurz\u00edva<\/em><\/li>\n<\/ul>\n<h2>Jmenn\u00fd seznam &#8211; odr\u00e1\u017eky kole\u010dka<\/h2>\n<p>Seznam lze stylovat pomoc\u00ed ikony &#8220;<strong>Ne\u0159azen\u00fd seznam<\/strong>&#8220;.<\/p>\n<ul>\n<li>odrazka<\/li>\n<li>odrazka s&nbsp;<a>odkazem<\/a><\/li>\n<li>odrazka <strong>strong<\/strong><\/li>\n<li>odrazka tu\u010dn\u011b &#8211; v\u00fdrazn\u011b<\/li>\n<li>odr\u00e1\u017eka <em>kurz\u00edva<\/em><\/li>\n<\/ul>\n<h2>Jmenn\u00fd seznam &#8211; obr\u00e1zkov\u00e9 odr\u00e1\u017eky<\/h2>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Seznamy\\<strong>Obrazkovy-seznam.html<\/strong><\/p>\n<p>Seznam lze stylovat pomoc\u00ed roletkov\u00e9ho v\u00fdb\u011bru &#8220;<strong>Style<\/strong>&#8220;. P\u0159i\u0159azen\u00fd styl <code>seznam-obrazkovy<\/code>.<\/p>\n<ul class=\"seznam-obrazkovy\">\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu<\/li>\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu s&nbsp;<a>odkazem<\/a><\/li>\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu <strong>strong<\/strong><\/li>\n<li>hlavn\u00ed obr\u00e1zkov\u00e1 odr\u00e1\u017eka webu <em>kurz\u00edva<\/em><\/li>\n<\/ul>\n<h2>\u010c\u00edseln\u00fd seznam<\/h2>\n<p>Seznam lze stylovat pomoc\u00ed ikony &#8220;<strong>\u0158azen\u00fd seznam<\/strong>&#8220;.<\/p>\n<ol>\n<li>odrazka<\/li>\n<li>odrazka s&nbsp;<a>odkazem<\/a><\/li>\n<li>odrazka <strong>strong<\/strong><\/li>\n<li>odrazka tu\u010dn\u011b &#8211; v\u00fdrazn\u011b<\/li>\n<li>odr\u00e1\u017eka <em>kurz\u00edva<\/em><\/li>\n<\/ol>\n<h2>\u010c\u00edseln\u00fd seznam s&nbsp;obr\u00e1zky \u010d\u00edsel do 10<\/h2>\n<p>Upraven\u00fd \u0158azen\u00fd seznam. Cel\u00e9mu seznamu je p\u0159i\u0159azen styl <code>seznam-ciselny<\/code> jednotliv\u00fdm odr\u00e1\u017ek\u00e1m pak postupn\u011b slul <code>jedna<\/code>, <code>dva<\/code>, <code>tri<\/code>, <code>ctiry<\/code>, <code>pet<\/code>, <code>sest<\/code>, <code>sedm<\/code>, <code>osm<\/code>, <code>devet<\/code>, <code>deset<\/code>.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Seznamy\\<strong>Ciselny-seznam.html<\/strong><\/p>\n<ol class=\"seznam-ciselny\">\n<li class=\"jedna\">jedna, <strong>tu\u010dn\u011b<\/strong>, <em>kurz\u00edva<\/em>, v\u00fdrazn\u011b, nev\u00fdrazn\u011b, <a title=\"Tvorba webov\u00fdch str\u00e1nek\" href=\"http:\/\/www.webprezent.cz\/\" target=\"_blank\">odkaz<\/a><\/li>\n<li class=\"dva\">dva<\/li>\n<li class=\"tri\">t\u0159i<\/li>\n<li class=\"ctyri\">\u010dty\u0159i<\/li>\n<li class=\"pet\">p\u011bt<\/li>\n<li class=\"sest\">\u0161est<\/li>\n<li class=\"sedm\">sedm<\/li>\n<li class=\"osm\">osm<\/li>\n<li class=\"devet\">dev\u011bt<\/li>\n<li class=\"deset\">deset<\/li>\n<\/ol>\n<h2>Seznamy v&nbsp;bloku (v\u00fdhoda &#8211; nev\u00fdhoda)<\/h2>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Seznamy\\<strong>Blok-vyhoda-s-malou-ikonou.html<\/strong><\/p>\n<div class=\"pozadiVyhoda vyhodaM\">\n<ul>\n<li><strong>V\u00fdhoda<\/strong> quis tellus Vivamus natoque Donec<\/li>\n<\/ul>\n<\/div>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Seznamy\\<strong><strong>Blok-nevyhoda-s-malou-ikonou.html<\/strong><\/strong><\/p>\n<div class=\"pozadiNevyhoda nevyhodaM\">\n<ul>\n<li><strong>Nev\u00fdhoda<\/strong> quis tellus Vivamus natoque Donec<\/li>\n<\/ul>\n<\/div>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Seznamy\\<strong><strong><strong>Blok-vyhoda-se-stredni-ikonou.html<\/strong><\/strong> <\/strong><\/p>\n<div class=\"pozadiVyhoda vyhodaS\">\n<ul>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>consectetuer quis tellus Vivamus natoque Donec<\/li>\n<\/ul>\n<\/div>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Seznamy\\<strong><strong><strong><strong>Blok-nevyhoda-se-stredni-ikonou.html<\/strong><\/strong> <\/strong> <\/strong><\/p>\n<div class=\"pozadiNevyhoda nevyhodaS\">\n<ul>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>consectetuer quis tellus Vivamus natoque Donec<\/li>\n<\/ul>\n<\/div>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Seznamy\\<strong><strong><strong><strong><strong>Blok-vyhoda-s-velkou-ikonou.html<\/strong><\/strong> <\/strong> <\/strong> <\/strong><\/p>\n<div class=\"pozadiVyhoda vyhodaV\">\n<ul>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>consectetuer quis tellus Vivamus natoque Donec<\/li>\n<li>Justo id amet consequat natoque commodo fringilla<\/li>\n<\/ul>\n<\/div>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Seznamy\\<strong><strong><strong><strong><strong><strong>Blok-nevyhoda-s-velkou-ikonou.html<\/strong><\/strong> <\/strong> <\/strong> <\/strong> <\/strong><\/p>\n<div class=\"pozadiNevyhoda nevyhodaV\">\n<ul>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>consectetuer quis tellus Vivamus natoque Donec<\/li>\n<li>Justo id amet consequat natoque commodo fringilla<\/li>\n<\/ul>\n<\/div>\n<h2>Defini\u010dn\u00ed seznam<\/h2>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Seznamy\\<strong>Definicny-seznam.html<\/strong><\/p>\n<dl class=\"dl-horizontal\">\n<dt>Defini\u010dn\u00ed Term\u00edn 1<\/dt>\n<dd>Vysv\u011btlen\u00ed term\u00ednu 1 &#8230;.. Lorem ipsum dolor sit amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam.<\/dd>\n<dt>Defini\u010dn\u00ed Term\u00edn 2<\/dt>\n<dd>Vysv\u011btlen\u00ed term\u00ednu 2 &#8230;..Lorem ipsum dolor sit amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam.<\/dd>\n<dt>Defini\u010dn\u00ed Term\u00edn 3<\/dt>\n<dd>Vysv\u011btlen\u00ed term\u00ednu 3 &#8230;..Lorem ipsum dolor sit amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam.<\/dd>\n<\/dl>\n<h1 id=\"odkazy\">Extern\u00ed odkaz<\/h1>\n<p>Odkaz sm\u011b\u0159uj\u00edc\u00ed na\u00a0 jin\u00fd web m\u016f\u017ee b\u00fdt dopln\u011bn upozor\u0148uj\u00edc\u00ed ikonou. P\u0159i\u0159azen\u00fd styl <code>externi-odkaz<\/code>.<\/p>\n<p>Extern\u00ed odkaz na <a class=\"externi-odkaz\" title=\"WebPrezent.cz\" href=\"http:\/\/www.webprezent.cz\" target=\"_blank\">www.webprezent.cz<\/a><\/p>\n<h1 id=\"obrazky\">Obr\u00e1zky<\/h1>\n<h2>Z\u00e1kladn\u00ed styly obr\u00e1zk\u016f<\/h2>\n<p>Obr\u00e1zk\u016fm lze p\u0159i\u0159adit z\u00e1kladn\u00ed styly <code>img-rounded<\/code> (obl\u00e9 rohy), <code>img-circle<\/code> (kulat\u00fd obr\u00e1zek) a <code>img-thumbnail<\/code> (obr\u00e1zek s&nbsp;r\u00e1me\u010dkem). Styly lze i kombinovat a z\u00edskat tak t\u0159eba kulat\u00fd obr\u00e1zek s&nbsp;r\u00e1me\u010dekem.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Obrazky\\Obrazky-s-rameckem\\<strong>Obrazek-vlevo.html<\/strong><\/p>\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-4 col-md-4 col-lg-4\"><img decoding=\"async\" class=\"img-rounded img-responsive center-block\" src=\"images\/soubory\/obrazky\/default\/thumb-120x120.jpg\" alt=\"thumb-120x120\" \/><\/div>\n<div class=\"clearfix visible-xs\"><\/div>\n<div class=\"col-xs-12 col-sm-4 col-md-4 col-lg-4\"><img decoding=\"async\" class=\"img-circle img-responsive center-block\" src=\"images\/soubory\/obrazky\/default\/thumb-120x120.jpg\" alt=\"thumb-120x120\" \/><\/div>\n<div class=\"clearfix visible-xs\"><\/div>\n<div class=\"col-xs-12 col-sm-4 col-md-4 col-lg-4\"><img decoding=\"async\" class=\"img-thumbnail img-responsive center-block\" src=\"images\/soubory\/obrazky\/default\/thumb-120x120.jpg\" alt=\"thumb-120x120\" \/><\/div>\n<\/div>\n<h2>Obr\u00e1zek p\u0159es celou \u0161\u00ed\u0159ku obsahu<\/h2>\n<p>Obr\u00e1zek p\u0159es celou \u0161\u00ed\u0159ku webu, p\u0159\u00edpadn\u011b obr\u00e1zek uprost\u0159ed str\u00e1nky <code>center-block<\/code>. P\u0159id\u00e1n\u00edm stylu <code>img-thumbnail<\/code> pak obr\u00e1zek dopln\u00ed r\u00e1me\u010dek.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Obrazky\\<strong>Obrazek-cela-sirka-stred.html<\/strong><\/p>\n<p><img decoding=\"async\" class=\"center-block img-thumbnail\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"640x480\" \/><\/p>\n<h2>Obr\u00e1zek obt\u00e9kan\u00fd textem zprava<\/h2>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Obrazky\\<strong>Obrazek-obtekany-textem-zprava.html<\/strong><\/p>\n<p><img decoding=\"async\" class=\"img-left img-thumbnail\" src=\"\/images\/soubory\/obrazky\/default\/thumb-120x120.jpg\" alt=\"thumb-120x120\" \/><\/p>\n<p>Obr\u00e1zek se stylem <code>img-left<\/code>. P\u0159id\u00e1n je i r\u00e1me\u010dek <code>img-thumbnail<\/code>. Amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam. Habitasse fermentum et accumsan et non mattis ligula mauris neque pulvinar. Vestibulum tristique ultrices leo ligula hendrerit nulla id habitasse.<\/p>\n<h2>Obr\u00e1zek obt\u00e9kan\u00fd textem zleva<\/h2>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Obrazky\\<strong>Obrazek-obtekany-textem-zleva.html<\/strong><\/p>\n<p><img decoding=\"async\" class=\"img-right img-thumbnail\" src=\"\/images\/soubory\/obrazky\/default\/thumb-120x120.jpg\" alt=\"thumb-120x120\" \/><\/p>\n<p>Obr\u00e1zek se stylem <code>img-right<\/code>. zajist\u00ed zarovn\u00e1n\u00ed obr\u00e1zku vpravo. P\u0159id\u00e1n je i r\u00e1me\u010dek <code>img-thumbnail<\/code>. Amet consectetuer nec Vivamus sit wisi accumsan. Dolor hac condimentum pede quam In magna tellus semper id consectetuer. Consequat eu justo porta dui Nunc justo ut condimentum nibh diam. Habitasse fermentum et accumsan et non mattis ligula mauris neque pulvinar. Vestibulum tristique ultrices leo ligula hendrerit nulla id habitasse.<\/p>\n<h2>Fotogalerie (3 obr\u00e1zky)<\/h2>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Obrazky\\<strong>Fotogalerie-3-fotky.html<\/strong><\/p>\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-4\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[1]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-4\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[1]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-4\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[1]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<\/div>\n<h2>Fotogalerie (6 obr\u00e1zky)<\/h2>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Obrazky\\<strong>Fotogalerie-6-fotek.html<\/strong><\/p>\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-4\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[2]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-4\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[2]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-4\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[2]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-4\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[2]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-4\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[2]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-4\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[2]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<\/div>\n<h2>Fotogalerie (4 obr\u00e1zky)<\/h2>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Obrazky\\<strong>Fotogalerie-4-fotky.html<\/strong><\/p>\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[3]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[3]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[3]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[3]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<\/div>\n<h2>Fotogalerie (8 obr\u00e1zky)<\/h2>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Obrazky\\<strong>Fotogalerie-8-fotek.html<\/strong><\/p>\n<div class=\"row\">\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[4]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[4]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[4]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[4]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[4]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[4]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[4]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<div class=\"col-xs-12 col-sm-6 col-md-3\"><a class=\"thumbnail jcepopup\" title=\"Velk\u00fd n\u00e1hled\" href=\"images\/soubory\/obrazky\/default\/640x480.jpg\" target=\"_blank\" type=\"image\/jpeg\" data-mediabox=\"group[4]\"> <img decoding=\"async\" src=\"images\/soubory\/obrazky\/default\/640x480.jpg\" alt=\"nahled\" \/> <\/a><\/div>\n<\/div>\n<h1 id=\"tabulky\">Tabulky<\/h1>\n<p>Pomoc\u00ed editoru lze snadno a rychle p\u0159idat (nebo odebrat) dal\u0161\u00ed sloupce a \u0159\u00e1dky p\u0159i zachov\u00e1n\u00ed stylu p\u0159es ikony vlo\u017een\u00ed \u0159\u00e1dku, \u010di sloupce (pota\u017emo smazat \u0159\u00e1dek, \u010di sloupec).<\/p>\n<h2>Tabulka z\u00e1kladn\u00ed styl<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code>.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Tabulky\\<strong>Tabulka-zakladni.html<\/strong><\/p>\n<table class=\"table\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Tabulka se st\u0159\u00eddaj\u00edc\u00edmi-se zv\u00fdrazn\u011bn\u00fdmi \u0159\u00e1dky<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> a\u00a0 <code>table-striped<\/code>.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Tabulky\\<strong>Tabulka-stridajicise-radky.html<\/strong><\/p>\n<table class=\"table table-striped\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Tabulka s&nbsp;r\u00e1me\u010dky<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> a <code><\/code><code>table-bordered<\/code>.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Tabulky\\<strong>Tabulka-s-ramecky.html<\/strong><\/p>\n<table class=\"table table-bordered\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Tabulka se zv\u00fdrazn\u011bn\u00edm \u0159\u00e1dku po najet\u00ed my\u0161i<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> a <code><\/code><code>table-hover<\/code>.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Tabulky\\<strong>Tabulka-hover-radky.html<\/strong><\/p>\n<table class=\"table table-hover\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Tabulka s&nbsp;men\u0161\u00edm \u0159\u00e1dkov\u00e1n\u00edm<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> a <code><\/code><code>table-condensed<\/code>.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Tabulky\\<strong>Tabulka-male-radkovani.html<\/strong><\/p>\n<table class=\"table table-condensed\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Tabulka s&nbsp;barevn\u00fdmi \u0159\u00e1dky<\/h2>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code> a \u0159\u00e1dk\u016fm p\u0159i\u0159azeny postupn\u011b styly <code>active<\/code>, <code>success<\/code>,<code> info<\/code>,<code> warning<\/code>,<code> danger<\/code>.<\/p>\n<p><em>N\u00e1zev \u0161ablony s&nbsp;cestou v&nbsp;editoru: <\/em>\\Tabulky\\<strong>Tabulka-barevne-radky.html<\/strong><\/p>\n<table class=\"table\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr class=\"active\">\n<td>Styl <strong>active<\/strong>:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"success\">\n<td>Styl<strong> success<\/strong>:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"info\">\n<td>Styl <strong>info<\/strong>:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"warning\">\n<td>Styl <strong>warning<\/strong>:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"danger\">\n<td>Styl <strong>danger<\/strong>:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Kombinovan\u00e1 tabulka<\/h2>\n<p>V\u00fd\u0161e uveden\u00e9 styly lze r\u016fzn\u011b kombinovat se zachv\u00e1n\u00edm z\u00e1kladn\u00edho stylu <code>table<\/code>.<\/p>\n<p>P\u0159i\u0159azen\u00fd styl <code>table<\/code>,<code> table-striped<\/code>,<code> table-bordered<\/code> a dv\u011bma \u0159\u00e1dk\u016fm p\u0159i\u0159azeny styly <code>success<\/code> a<code> <\/code><code>danger<\/code>.<\/p>\n<table class=\"table table-striped table-bordered\">\n<tbody>\n<tr>\n<th><\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<th>N\u00e1zev sloupce<\/th>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"success\">\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr>\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<tr class=\"danger\">\n<td>N\u00e1zev \u0159\u00e1dku:<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<td>Hodnota<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Nadpisy Odstavce Bloky Seznamy Extern\u00ed odkaz Obr\u00e1zky Tabulky V\u011bt\u0161inu n\u00ed\u017ee uk\u00e1zan\u00fdch prvk\u016f lze naklikat v&nbsp;admin prost\u0159ed\u00ed editoru \u010dl\u00e1nku v\u00fdb\u011brem textu \u010di elementu a p\u0159i\u0159adit mu styl pomoc\u00ed roletkov\u00e9ho v\u00fdberu &#8220;Styly&#8221; a &#8220;Form\u00e1t&#8221;. Pokud je u prvku uvedena cesta a n\u00e1zev k&nbsp;\u0161ablon\u011b, znamen\u00e1 to, \u017ee tento prvek lze kompletn\u011b na\u010d\u00edst p\u0159es \u0161ablonu jako celek a n\u00e1sledn\u011b &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-671","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - NATURA DK, a.s.<\/title>\n<meta name=\"description\" content=\"Nadpisy Odstavce Bloky Seznamy Extern\u00ed odkaz Obr\u00e1zky Tabulky V\u011bt\u0161inu n\u00ed\u017ee uk\u00e1zan\u00fdch prvk\u016f lze naklikat v admin prost\u0159ed\u00ed editoru \u010dl\u00e1nku v\u00fdb\u011brem textu \u010di\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - NATURA DK, a.s.\" \/>\n<meta property=\"og:description\" content=\"Nadpisy Odstavce Bloky Seznamy Extern\u00ed odkaz Obr\u00e1zky Tabulky V\u011bt\u0161inu n\u00ed\u017ee uk\u00e1zan\u00fdch prvk\u016f lze naklikat v admin prost\u0159ed\u00ed editoru \u010dl\u00e1nku v\u00fdb\u011brem textu \u010di\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/\" \/>\n<meta property=\"og:site_name\" content=\"NATURA DK, a.s.\" \/>\n<meta property=\"og:image\" content=\"http:\/\/images\/styleguide\/rada-big.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/\",\"url\":\"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/\",\"name\":\"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - NATURA DK, a.s.\",\"isPartOf\":{\"@id\":\"https:\/\/www.naturadk.eu\/#website\"},\"datePublished\":\"2017-07-25T12:58:27+00:00\",\"description\":\"Nadpisy Odstavce Bloky Seznamy Extern\u00ed odkaz Obr\u00e1zky Tabulky V\u011bt\u0161inu n\u00ed\u017ee uk\u00e1zan\u00fdch prvk\u016f lze naklikat v admin prost\u0159ed\u00ed editoru \u010dl\u00e1nku v\u00fdb\u011brem textu \u010di\",\"breadcrumb\":{\"@id\":\"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\",\"item\":\"https:\/\/www.naturadk.eu\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.naturadk.eu\/#website\",\"url\":\"https:\/\/www.naturadk.eu\/\",\"name\":\"NATURA DK, a.s.\",\"description\":\"Stroj\u00edrensk\u00e1 v\u00fdroba, slu\u017eby pro zem\u011bd\u011blstv\u00ed a obchod\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.naturadk.eu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - NATURA DK, a.s.","description":"Nadpisy Odstavce Bloky Seznamy Extern\u00ed odkaz Obr\u00e1zky Tabulky V\u011bt\u0161inu n\u00ed\u017ee uk\u00e1zan\u00fdch prvk\u016f lze naklikat v admin prost\u0159ed\u00ed editoru \u010dl\u00e1nku v\u00fdb\u011brem textu \u010di","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/","og_locale":"en_US","og_type":"article","og_title":"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - NATURA DK, a.s.","og_description":"Nadpisy Odstavce Bloky Seznamy Extern\u00ed odkaz Obr\u00e1zky Tabulky V\u011bt\u0161inu n\u00ed\u017ee uk\u00e1zan\u00fdch prvk\u016f lze naklikat v admin prost\u0159ed\u00ed editoru \u010dl\u00e1nku v\u00fdb\u011brem textu \u010di","og_url":"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/","og_site_name":"NATURA DK, a.s.","og_image":[{"url":"images\/styleguide\/rada-big.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/","url":"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/","name":"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide) - NATURA DK, a.s.","isPartOf":{"@id":"https:\/\/www.naturadk.eu\/#website"},"datePublished":"2017-07-25T12:58:27+00:00","description":"Nadpisy Odstavce Bloky Seznamy Extern\u00ed odkaz Obr\u00e1zky Tabulky V\u011bt\u0161inu n\u00ed\u017ee uk\u00e1zan\u00fdch prvk\u016f lze naklikat v admin prost\u0159ed\u00ed editoru \u010dl\u00e1nku v\u00fdb\u011brem textu \u010di","breadcrumb":{"@id":"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.naturadk.eu\/en\/vzhled-stylovani-obsahu-styleguide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"","item":"https:\/\/www.naturadk.eu\/en\/"},{"@type":"ListItem","position":2,"name":"Vzhled stylov\u00e1n\u00ed obsahu (Styleguide)"}]},{"@type":"WebSite","@id":"https:\/\/www.naturadk.eu\/#website","url":"https:\/\/www.naturadk.eu\/","name":"NATURA DK, a.s.","description":"Stroj\u00edrensk\u00e1 v\u00fdroba, slu\u017eby pro zem\u011bd\u011blstv\u00ed a obchod","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.naturadk.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.naturadk.eu\/en\/wp-json\/wp\/v2\/pages\/671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.naturadk.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.naturadk.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.naturadk.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.naturadk.eu\/en\/wp-json\/wp\/v2\/comments?post=671"}],"version-history":[{"count":1,"href":"https:\/\/www.naturadk.eu\/en\/wp-json\/wp\/v2\/pages\/671\/revisions"}],"predecessor-version":[{"id":674,"href":"https:\/\/www.naturadk.eu\/en\/wp-json\/wp\/v2\/pages\/671\/revisions\/674"}],"wp:attachment":[{"href":"https:\/\/www.naturadk.eu\/en\/wp-json\/wp\/v2\/media?parent=671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}