OK

Při poskytování služeb nám pomáhají soubory cookie. Používáním našich služeb vyjadřujete souhlas s naším používáním souborů cookie. Více informací

0 Kč bez 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

Přidat komentář

Přehled komentářů

  • Šírka patičky

    16. 5. 2020 23:15:34 | Zdenka Sekená

    Dobrý den,
    zřejmě přechodem do nové adm. je patička stránek jinak, před tím jsme ji měli ohraničenou světlejšími pruhy nahoře a dole, nyní je pouze nahoře a text je v černém poli úplně na hraně stránky co není nějak estetické. Je možné patičku rozšířit ( širší pruh tak aby pod textem byl ještě prostor, případně že by byl ve světlejším pruhu?
    Děkuji za odpověď
    Zdenka Sekena
    https://www.interierovydesigner.com/

    Odpovědět | Zobrazit odpovědi

    • Re: Šírka patičky

      17. 5. 2020 9:44:22 | R

      Dobrý den, změnou administrace ke změně dojít nemohlo. Doporučuji kontaktovat přímo podporu inPage.

      Odpovědět