Con il normale utilizzo di WebsiteX5 possiamo impostare lo sfondo che preferiamo, un’immagine oppure un colore, trovandocelo automaticamente ripetuto in tutte le pagine del sito.
Ma se ne volessimo uno diverso in una pagina particolare? O più pagine ognuna con un suo sfondo?
Sul forum di WebsiteX5 è stata suggerita da Fabio, uno tra gli utenti più attivi e presenti, una facile soluzione alla portata di tutti.

Iniziamo con l’inserire un oggetto html nelle pagina che ci interessa, quindi apriamolo e selezioniamo la linguetta dei CSS.
Incolliamo o digitiamo questo codice:

body
{background-color: #404040;
background-image: url(../files/nomedellosfondo.estensione);
background-repeat: repeat-x;
background-position: center top;
}

Le parti in rosso sono da personalizzare in questo modo:

  • background-color: #404040
    é il valore esadecimale del colore
  • background-image: url(../files/nomedellosfondo.estensione)
    è l’immagine che farà da sfondo, andrà esportata sul server utilizzando l’icona della graffetta dell’ oggetto html (vedi guida se necessario)
  • background-repeat: repeat-x;
    repeat-x     ripete in orizzontale
    repeat-y     in verticale
    repeat        ripete in tutte le direzioni
    no-repeat  non ripete
  • background-position: center top;
    può essere una combinazione tra (left center right) e (top center bottom)

E’ anche possibile usare solo la seconda riga nel caso le altre “variabili” siano tutte uguali (avendo cura di settarle da programma).

body
{background-image: url(../files/nomedellosfondo.png);
}

Oppure solo la prima, se interessa cambiare solo il colore:

body
{background-color: #404040;
}

Confermate, salvate e guardate il risultato.

Buon lavoro!