Tutorial Sfondo a tutto schermo

[netkingZ]

Fra le opzioni che Xenforo mette a tua disposizione non vi è quella dello sfondo a tutto schermo e chi come me ha uno schermo grande vede molte volte il background ripetuto in altezza o/e larghezza e come effetto non è bellissimo da vedere , oppure un immagine centrale che viene parzialmente coperta dalla board stessa e con un colore di sfondo poco ideale e che talvolta contrasta con l'immagine stessa.
Per ovviare a tutto questo basta seguire questa guida:

1. Carica nella seguente cartella l'immagine di sfondo che vuoi inserire
( si consiglia ad alta risoluzione 1920-1080) :

root --> styles --> default

N.B.: L'immagine la puoi inserire anche altrove ma l'importante è che richiami il percorso giusto al momento dell'inserimento.

2. Accedi al tuo Pannello di Controllo Admin di Xenforo e vai in:
ACP --> Aspetto --> Stile --> in riferimento allo stile che usi clicca su "Proprietà di stile"
3. Una volta che ti trovi nelle Proprietà dello Stile clicca su "Generale"
4. Nella nuova schermata clicca su Corpo ed inserisci quanto segue:

• In Sfondo --> Immagine inserisci questo codice:

styles/default/titolo immagine + estensione

Esp.: styles/default/default-website-background_1920x1080.jpg

Questo è il percorso dell'immagine

• Sotto dove vedi scritto Varie
Dopo di :

word-wrap: break-word;
line-height: 1.28;

inserisci:

-webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;

Salva.

 

[netkingZ]

Il Risultato finale che si ottiene è questo:

Si può notare la differenza fra prima e dopo.