Jednoduché změny v CSS stylu

Jednoduché změny v CSS zvládne každý, ty složitější jen zkušený uživatel na poli HTML s trpělivostí při nutném testování. Ukážeme si pár změn, které však velmi výrazně změní design blogu. Váš první krok bude směřovat do nastavení/vlastní CSS styl. Jestliže ještě žádný svůj nemáte, systém Vás na to upozorní a vloží Vás stávající, který jste si vybrali při výběru designu. Tento kód budeme nyní měnit.

Základní hodnoty
- základní hodnoty pro celý blog jsou v části BODY.

- řádek background určuje barvu pozadí blogu
- color je barva textu
- font size je velikost textu
- vložení obrázku do pozadí blogu: background-image: url("http://www.tady.cz/pozadi.gif");

Obrázek na pozadí má mnoho nastavení, všechny jsou zde: www.jakpsatweb.cz/css/background-image.html

Jak níže ukážeme tyto hodnoty sice platí pro celý blog a v jednotlivých částech může dělat něco jako výjimky.

Vždy dbejte na to, aby na konci řádku byl středník a sekce začínala a končila složenou závorkou, jako je to na obrázku. Je to nanejvýš nutné!

Změna barvy odkazů

Hodnoty link, active, visited jsou přiřazeny odkazům. Pokud na odkazu máte kurzor myši je platná hodnota HOVER.
- opět známé hodnoty color
- text-decoration určuje, zda bude odkaz podtržený nebo ne

Změna písma - nadpisu článků
- vyhledejte řádek, kde bude text "div.article h1, h2", tady je ukázka (budete mít jiné hodnoty):

- řádek color určuje barvu nadpisu. Zde si můžete zvolit jaká se Vám líbí, bude použita pokud nebude nadpis zároveň odkazem.
- font-size je velikost písma
- font-weight: bold říká, že nadpis bude tučně
- line-height je výška řádku

Změna písma - informace o článku (datum, rubrika atd)
- vyhledejte řádek, kde bude text "div.article_little"

Změna písma - text článku
- vyhledejte řádek, kde bude text "div.article_text"