0 Kč s DPH

Úprava hlavičky a patičky stránek - šablona ERIS

12. 11. 2013

Chcete-li si změnit barevnost hlavičky či patičky, přečtěte si tento článek. Je to jednoduché.

Zvolilt můžete jinou barvu, barevný přechod i vlastní obrázek. Vše jsme vám již vysvětlovali ve článcích: Vylepšete si pozadí stránek s online generátory a Jak změnit pozadí webových stránek.

Ukážeme vám tedy jen příklady, jak měnit šablonu Eris.

Barva hlavičky

Jistě jste si všimli, že hlavička šablony je průhledná. Tuto průhlednost má na svědomí zápis barev v režimu RGBA. Jde o zápis klasických barev RGB k nimž se ještě připojuje alfa kanál, tedy průhlednost v rozmezí od 0 do 1. Více o barvách se můžete dozvědět ve článku uživatelské CSS základy.

0 = zcela transparentní
1 = neprůhledná

Změnit ji můžete tímto kódem:

#header-fix {background-color: rgba(198, 231, 237, 0.95); }

ukazka hlavičky

Patička

V tomto příkladu si ukážeme jak patičku ztmavit do černé. Pokud chcete patičku zesvětlit, či použít svůj obrázek, budete potřebovat přepsat i barevnost textů
v patičce.

Barva patičky

kód:

body, #footer {background-color: #000000;}

poznámka ke kódu: body je použit, protože patička (#footer) se roluje vždy až na konec stránky, vlastní tělo stránky tvoří div wrapper.

Změna barvy písma v patičce

Je zapotřebí přepsat kontakt i menu tímto kódem:

#contact, #side-menu a, #side-menu li a:visited {color: #5093F4;}

Barva proužku

Chcete-li změnit proužek, kterým začíná patička, napište následující kód:

#footer {border-top: 4px solid #E79E43;}

zmena paticky

Kateřina Koukalová
Webdesigner
admin(zav)zoner.cz