Pridajte farebný alebo podkladový obrázok na webovú stránku CSS

7. decembra 2013

Pozadie vášho webu môžete prispôsobiť jedným z nasledujúcich spôsobov:

Aplikujte na pozadie webových stránok rovnomerný alebo prechodový farebný efekt
Pridajte tapetu na webovú stránku
Pridajte do oblasti jednotnú farbu, farebný prechod, obrázok alebo orámovanie

Kód CSS pre farbu je: body

Prvý definovaním farby pozadia a druhý načítaním obrázka na pozadí stránky. Nahranie obrázka do dolnej časti stránky by vás nemalo oklamať. Nahraním veľkého obrázka sa nedosiahne nič, bez ohľadu na to, aký veľký je istý, že návštevník nemá monitor s väčšou uhlopriečkou, takže veľkosť monitora ďaleko presiahne veľkosť obrázka. Obrázok na pozadí je v podstate malý obrázok, ktorý bude prehliadač vedieť opakovať.

Kód CSS na pridanie obrázka na pozadí: telo

pozadie: Nastaví všetky vlastnosti pozadia vo výpise
background-color: Nastaví farbu pozadia pre prvok CSS
background-image Nastaví obrázok na pozadí pre prvok CSS
Pozícia na pozadí Nastaví počiatočnú pozíciu tapety
background-repeat Nastavuje, ako sa bude tapeta opakovať

1. Pozadie zo štvorcových obrázkov.

To je presne miesto, kde prichádza prvý problém. Ako ich prehliadač zopakuje? Predpokladáme existenciu štvorcového obrázka so stranou 2 cm. Kresba vo štvorci musí byť vykonaná tak, aby sa pri spojení dvoch štvorcov zvisle aj vodorovne obrázky dokonale spojili, aby nevznikli dojmy susedných častí, ale aby vytvorili celok.

2. Pozadie z páskových obrázkov
Druhý problém nastáva u obrázkov na pozadí definovaných ako obdĺžniky, s ktorými by ste chceli celkové pokrytie šírky stránky, ktoré sa opakujú iba zvisle. Problémy, ktoré vytvárajú tieto pásky na pozadí, je nielen ťažšie sa im vyhnúť, ale sú ešte bežnejšie. Aká široká by mala byť páska? Aké veľké je okno prehliadača návštevníka. Pokiaľ je okno prehliadača širšie ako pásmo pozadia, bude sa opakovať nielen vertikálne, ale aj horizontálne, čo budí dojem nedokončenej veci, zbytočne predĺženej na pravej strane.

3. Korelácia pozadia popredia.
Ďalším problémom, ktorý je veľmi častý, je korelácia medzi pozadím a charakteristikami textu a grafiky, ktoré sa majú zobraziť nad ním. Preťažené pozadie sťažuje čítanie textu, písmo s určitou farbou znemožňuje čítanie textu s určitými farbami.

4. Korelácia medzi pozadím a správou stránky
Vzhľadom na to, že určité pozadia predstavujú obraz sám o sebe, naznačuje určitý materiál alebo myšlienku. Nekorelácia pozadia s myšlienkou stránky - musia úzko súvisieť s myšlienkou stránky, často až nepríjemné.

2WebDesign

S viac ako desaťročnými skúsenosťami s webdizajnom a motivovanou nekonečnou vášňou pre online, vás pozývame na návštevu našich stránok a necháte sa inšpirovať čítaním najzaujímavejších článkov v tejto oblasti.