Rich content

Specifikace pro tvorbu Rich Contentu pro stránky FEEDO


Při kódování contentu je třeba nalinkovat na začátek tyto feedo styly:

  1. https://www.feedo.cz/assets/themes/feedo/styles/compiled/master.css

Po dokončení kódování a otestování je třeba tyto linky odstranit.



Feedo specifikace:


  • Validní kód, sémanticky správně naplněn.
  • Obrázky se musí chovat responzivně, tzn. žádné pevné rozměry (vyjímkou jsou pouze ikony).
  • Response popisku funguje plynule v rozlišení od 320px do 1210px.
  • Nepoužívat JavaScript, ani nepoužívat JavaScript třetích stran. Případné animace řešit pomocí CSS3.
  • Obrázky nesmí přesáhnout 300 kB.
  • Videa vkládat pomocí youtube iframe.
  • Používat 2 druhy fontů:
    • pro nadpisy použít třídu '.ff-heading' nebo: font-family: coresans-heavy,sans-serif;
    • pro ostatní text '.ff-normal' nebo: font-family: "Open Sans",Helvetica,Arial,sans-serif;
  • Content musí být čitelný i při zobrazení na mobilu - 320px.
  • Nestylovat základní HTML tagy jako - H1, H2, p, a, apod. Na tyto prvky se aplikuji feedo styly.
  • Nepoužívat v textu H1 nadpis.
  • Tabulky nedělat responzivní , obecně je lepší jim nastavit overflow-x: auto;
  • Soubor nesmí obsahovat tagy HTML, HEAD, BODY, META, TITLE.
  • Veškeré HTML musí být vloženo v tagu <div id="feedo_rc">... VAS KOD ...</DIV>.
  • Veškeré CSS styly musí být vnořené pod tímto IDčkem, tzn. musí mít přidružený ID '#feedo_rc', aby se nerozbil kompletní obsah stránky FEEDO. Příklady:

       ○ #feedo_rc .rc_heading

       ○ #feedo_rc .rc_box .rc_box_heading

       ○ #feedo_rc .rc_price.rc_price-pink


  • Jestli bude mít expandované CSS více jak 600 řádků, tak všechny styly vložit do jednoho souhrnného souboru, v opačném případě jej vložit do tagu <style></style>.
  • Toto CSS musí být vloženo v HTML - na začátku souboru, buď formou <style type="text/css"> </style> nebo <link rel="stylesheet" type="text/css" />.



Připravený obsah potřebujeme před vložením na web zkontrolovat.


Ajax loader