1. Achtergrondafbeelding instellen voor de gehele website

Klik op het tabblad 'kleurstelling' > 'finetune kleurstelling' > 'achtergrond en centraal veld'. Klik op 'Upload' om de afbeelding te uploaden. Let op: het is belangrijk dat een achtergrondafbeelding zo klein mogelijk is qua kb omdat het anders te lang duurt voordat de afbeelding is ingeladen (maximaal 100kb). De afbeelding wordt niet geresized of verkleind door het CMS.

De positie van de achtergrondafbeelding kunt u aanpassen mbv de opties 'background-position' en 'background-repeat'. Deze 2 instellingen gelden voor de gehele website, en ook voor alle achtergrondafbeeldingen die bij een specifieke pagina worden geupload.

2. Achtergrondafbeelding instellen voor specifieke pagina

Klik op het tabblad 'pagina's' > klik op de pagina waar de afbeelding moet komen > 'menu / pagina instellingen' > 'background image (deze pagina)'. Klik op 'Upload' om de afbeelding te uploaden. Let op: het is belangrijk dat een achtergrondafbeelding zo klein mogelijk is qua kb omdat het anders te lang duurt voordat de afbeelding is ingeladen (maximaal 100kb). De afbeelding wordt niet geresized of verkleind door het CMS.

De positie van de achtergrondafbeelding kunt u aanpassen mbv de opties 'background-position' en 'background-repeat' bij het tabblad 'kleurstelling' (zie hierboven).

3. Fullscreen resizable background-image

UP 'N' RUNNING biedt ook de mogelijkheid om het achtergrondsplaatje fullscreen achter de website te zetten. De afbeelding past zich aan aan de beeldschermresolutie. Of een bezoeker nu een groot of klein beeldscherm heeft, het plaatje wordt automatisch geresized zodat het altijd helemaal in de browser past. Zelfs als je de browser met de hand groter of kleiner maakt.


Klik op het tabblad 'geavanceerde instellingen (slotje)' > 'instellingen: opmaak & extra html opties' > 'activeer rescale background-image' > zet 'activeer rescale background-image' op 'ja'.
Let op: de verhouding van de afbeelding dient 16:9 te zijn.