Prima di tutto, dobbiamo avere a disposizione il materiale grafico, senza il quale non si fa proprio nulla. Poi è necessario decidere se l'immagine è statica, scorrevole e/o replicata, perché si possono anche affiancate immagini a struttura "seamless".
Se l'immagine è statica, si vedrà ogni sua parte mentre si scorre la pagina, salvo ovviamente se è più piccola dello schermo. E' il tipo di sfondo che viene scelto per la maggioranza dei siti, in quanto rimane "aperto" verso il basso e dona l'illusione dell'immagine infinita, soprattutto se la pagina viene poi chiusa con un footer (pié di pagina) disegnato appositamente. Tutte le impostazioni si possono fare in base alle proprie conoscenze del CSS (non sono soggetto di questo articolo).
Chi ha a disposizione Google Chrome oppure FireFox con FireBug, può cliccare sullo sfondo attuale del forum o del portale:
e vedere le impostazioni predefinite:
Le informazioni che vediamo ci aiutano a comprendere dove dobbiamo cercare: nel tag HTML e nella configurazione "background" del foglio CSS.
Andiamo quindi nell'ACP, Stili & Template, e cerchiamo "html {":
Alla posizione "background" troviamo:
Codice:
background:{vb:stylevar doc_background};
e cerchiamo questa fantomatica variabile:
A questo punto possiamo impostare l'immagine di sfondo, preventivamente caricato nel forum. Noi usiamo un'immagine affiancabile:
Salviamo ed ecco il risultato: