Vzhled webu |
#513 |
Pro vzhled webu můžeme využít jeden z předdefinovaných vzhledů, nebo si můžeme vytvořit svůj vlastní.
Pokud si chceme vytvořit svůj vlastní, přesuneme se do Web → Vzhledy.
Po kliknutí na tlačítko Přidat se musíme jako první ve formuláři přesunout na část Nastavení.
- Vzhled Nazveme.
- V Typ šablony vybereme typ šablony. My chceme vytvořit šablonu pro web, takže vybereme možnost „Web“.
- V Šablona vybereme šablonu, kterou chceme použít. Tato možnost ovlivní jaké kolonky se vytvoří v části Základní. Ovlivní to tedy, co všechno si budeme moci nastavit. Běžně se používá možnost „Základní šablona“.
Po vybrání šablony se nám formulář automaticky uloží a my se můžeme přesunout do Základní, kde se nám vytvořily kolonky, ve kterých budeme definovat barvy. Barvy můžeme vybírat z pravého sloupce, ale můžeme také vkládat Hex kódy.
Vysvětlení kolonek
- Pozadí a Barva pozadí – barva pozadí elementu.
- Písmo a Barva textu - barva textu v daném elementu.
- Barva textu odkazů – barva odkazu, který ještě nebyl zobrazen. Liší se od barvy textu, pokud zde barvu nadefinujeme.
- Barva textu odkazů pod kurzorem – tato barva se zobrazí, když budeme na odkazu stát kurzorem.
- Barva textu již navštívených odkazů – pokud si uživatel tento odkaz již někdy zobrazil, bude mít odkaz tuto barvu.
- Hlavička – barva pozadí označení – v hlavičce se v menu obarvuje webová stránka, na které se právě nacházíme. Obarvení (zvýraznění) bude mít tuto barvu.
Nastavení stylu
Pokud nechcete používat kolonky v Základní je možné využít části Nastavení stylu. Tady nastavíte proměnným barvy.
Ukázka kódu:
$e10w-body-bg: #F6E4D1;
$e10w-body-text: #000000;
$e10w-content-link-tex: #D1F6F6;
$e10w-content-link-visited-text: #D1F6F6;
$e10w-navbar-bg: #D1F6F6;
$e10w-navbar-text: #D2D1F6;
Seznam id, které můžete používat
Id | Vysvětlivka |
---|---|
Tělo stránky | |
e10w-body-bg | barva těla webu |
e10w-body-text | barva textu v těle webu |
Hlavička | |
e10w-navbar-bg | barva hlavičky |
e10w-navbar-text | barva textu v hlavičce |
e10w-navbar-select-bg | barva v menu, která podbarvuje stránku, na které se právě nacházíme |
e10w-navbar-select-text | barva textu aktuální stránky v menu |
Patička | |
e10w-footer-bg | barva patičky |
e10w-footer-text | barva textu v patičce |
e10w-footer-link-text | barva textu odkazů v patičce |
e10w-footer-link-hover-text | barva textu odkazů po najetí kurzorem |
e10w-footer-link-visited-tex | barva textu již navštívených odkazů |
Obsah | |
e10w-content-bg | barva pozadí obsahu (rozdílná od barvy těla stránky) |
e10w-content-text | barva textu obsahu |
e10w-content-link-text | barva textu odkazů |
e10w-content-link-hover-text | barva textu odkazů po najetí kurzorem |
e10w-content-link-visited-text | barva textu již navštívených odkazů |
Levý sloupec | |
e10w-sb-start-bg | barva levého sloupce |
e10w-sb-start-text | barva textu v levém sloupci |
e10w-sb-start-link-text | barva textu odkazů |
e10w-sb-start-link-hover-text | barva textu odkazů po najetí kurzorem |
e10w-sb-start-link-visited-text | barva textu již navštívených odkazů |
Pravý sloupec | |
e10w-sb-end-bg | barva pravého sloupce |
e10w-sb-end-text | barva textu v pravém sloupci |
e10w-sb-end-link-text | barva textu odkazů |
e10w-sb-end-link-hover-text | barva textu odkazů po najetí kurzorem |
e10w-sb-end-link-visited-text | barva textu již navštívených odkazů |