Pozadí webu

Možnosti, jak nastavit pozadí webu

Barva na pozadí

Jednolitou barvu pozadí webu lze vytvořit buď atributem bgcolor="barva" u tagu <body>, nebo pomocí CSS vlastnosti background-color: barva

Obrázek na pozadí

Obrázek na pozadí webu můžete vytvořit pro každý prvek pomocí CSS vlastnosti background-image: url(adresa). Touto vlastností vyskládá prohlížeč celé pozadí několika obrázky. Abyste zamezili opakování, použijte vlastnost background-repeat: no, další její hodnoty jsou repeat-x a repeat-y - ty určují zda se má obrázek opakovat pouze v ose X, nebo je v Y.

Fixní pozadí

Pozadí webu, které je stále na stejném místě. Značně zatěžuje prohlížeč, ten je totiž nucen stále přepočítávat jeho polohu. Takové pozadí vytvoříte ho pomocí vlastnosti background-fixed: fixed

Pozadí levého menu

Pokud chcete mít pozadí pro levé menu, které občas mění velikost, a pokud toto pozadí je jen pouze barevné, vytvořte proužek vysoký třeba 1px a ten pak opakujte po ose Y. (Já to tak dělám).

Skládání pozadí

Protože každý může mít jiné rozlišení (sice ho můžete kontrolovat JavaScriptem), váš obrázek na pozadí může jednou zabírat celou plochu. Proto je nejlepší pozadí zarovnat na střed stránky a použít menší obrázek, a nebo pokud jen přechod barvy. Vytvořte si jednotlivé proužky 1px široké a skládejte je po ose X. Ušetří to prohlížeči práci, protože nenačítá obrovský obrázek, pozadí se jen opakuje.

Potíže s pozadím

  • Velký obrázek zpomaluje načítání
  • Někteří návštěvníci vypínají grafiku a tak se může stát, že přijdou o to podstatné a nebo bílé písmo nebude vůbec vidět

Více: Pozadí v CSS
Jiné: Skládání pozadí



Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?


Vyhledávání


Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama