Vzhled webu pro objednávání jídel |
#534 |
Barvy pro vzhled webu je nutné přidat ručně v formuláři vzhledu webu v části Nastavení stylu (Web -> Vzhledy).
Tady použijte následující proměnné:
Id | Vysvětlivka |
---|---|
e10-sc-title-bg | barva buňky nadpisu |
e10-sc-title-text | barva textu nadpisu |
e10-sc-item-selected-bg | barva označené (vybrané) buňky |
e10-sc-item-selected-text | barva textu v označené buňce |
e10-sc-item-selectable-bg | barva buňky, kterou lze označit (je na výběr) |
e10-sc-item-selectable-text | barva textu v buňce, kterou je možné označit |
e10-sc-item-inactive-bg | barva buňky, která je neaktivní – uplynulé dny, na které už nejde objednat jídlo |
e10-sc-item-inactive-text | barva textu v neaktivní buňce |
e10-sc-item-inactive-selected-bg | barva neaktivní buňky, která označuje, jaké jídlo bylo v uplynulých dnech vybráno |
e10-sc-item-inactive-selected-text | barva textu neaktivní buňky, která byla v uplynulých dnech vybrána |
e10-sc-item-selectable-hover-bg | barva buňky, na které stojíte kurzorem |
e10-sc-item-selectable-hover-text | barva textu buňky, na které stojíte kurzorem |
Ostatní barvy (jako pozadí těla stránky, text, hlavička, patička,…) nastavíte buď klasickým způsobem v Základní, kde se nachází kolonky, nebo můžete pokračovat v nastavování v Nastavení stylu. Seznam id, která použijete pro zbytek nastavování se nachází zde.
Kód
Kód může vypadat například takto:
$e10-sc-item-selected-bg: #32CD32;
$e10-sc-item-selected-text: #000000;
$e10-sc-item-selectable-bg: #FFFFFF;
$e10-sc-item-selectable-text: #000000;
$e10-sc-item-inactive-bg: #D3D3D3;
$e10-sc-item-inactive-text: #696969;
$e10-sc-item-inactive-selected-bg: #696969;
$e10-sc-item-inactive-selected-text: #D3D3D3;
$e10-sc-item-selectable-hover-bg: #FFA500;
$e10-sc-item-selectable-hover-text: #000000;