Cambiare sfondo (colore o immagine)

[Galandas]

Titolo: cambiare sfondo colore o immagine
Descrizione: cambiare sfondo colore oppure un'immagine.
Piattaforma e versione: phpBB 3.0.x

..................................................................................................................................
Inizio guida:

• Cambiare il colore

Apri: /styles/prosilver/theme/colours.css
trova:

Codice: Seleziona tutto

html, body {
	color: #536482;
	background-color: #FFFFFF;
}

cambiate il colore a piacere.

• Cambiare sfondo e sostituirlo con un'immagine.

caricate la vostra immagine nella cartella root/styles/prosilver/theme/images

poi aprite: colours.css
trova:

Codice: Seleziona tutto

html, body {
	color: #536482;
	background-color: #FFFFFF;
}

sostituisci con questo:

Codice: Seleziona tutto

html, body {
	color: #536482;
	background-color:  #FFFFFF;
        background-image: url("{T_THEME_PATH}/images/VOSTRA_IMG.ESTENSIONE");
        width="100%" 
        height="100%"
}

• Immagine sfondo fisso indipendente dallo scrolling del forum

Sempre in colours.css
trova:

Codice: Seleziona tutto

html, body {
	color: #536482;
	background-color: #FFFFFF;
}

sostituisci con questo:

Codice: Seleziona tutto

html, body {
    background-image:url("{T_THEME_PATH}/images/VOSTRA_IMG.ESTENSIONE");
	background-color: #A0A0A0;
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

In quest'ultima parte dovete giocare con i repeat assecondo dell'immagine che avete inserito, e dalle vostre esigenze. :/>

[snowman]

Buongiorno a tutti.
Volevo cambiare l'immagine di sfondo al mio forum e, dopo tentativi vani, ho trovato questa guida.
Purtroppo anche col vostro aiuto non sono riuscito a risolvere, così vi chiedo una mano.
Ho sostituito in colours.css

Codice: Seleziona tutto

html, body {
   background-image: url('{T_THEME_PATH}/images/winter_background.jpg');
    background-attachment: fixed;
    max-height: 100%;
}

con

Codice: Seleziona tutto

html, body {
   background-image: url('{T_THEME_PATH}/images/neve.gif');
   background-color: #A0A0A0;
   background-position: top center;
   background-attachment: fixed;
   background-repeat: repeat;
}

Prima avevo lo sfondo originale che potete vedere qui. Ora ho quello di cui potete vedere un parziale qui.
Cosa devo fare perchè si ripeta SOLO l'immagine di sfondo e non si allarghi tutto?
Ho provato mettendo repeat-y, ma non funziona. Ottengo solo una colonna centrale con la neve, ma comunque tutto il forum allargato.
Potreste per favore aiutarmi a mettere a posto le cose?
Grazie molte a tutti in anticipo.

[Galandas]

Ma stai parlando dell'immagine di sfondo oppure quella nell'header intestazione?

[snowman]

Grazie per la risposta.
Intendo l'immagine di sfondo, quella azzurra e grigia, brutterella che si chiama "winter_background.jpg" e sta dietro il riquadro del forum vero e proprio.
Al suo posto ho messo una gif con neve che cade, ma, come si vede dall'immagine che ho linkato, si è allargato tutto il riquadro del forum e ripetuta anche l'immagine dell'header.

[Rey]

Se vuoi essere aiutato meglio, mi devi aiutare, metti il link al tuo forum, cosi sara più facile capire e agire.

[snowman]

Grazie per l'aiuto.
Il link è questo

[Rey]

L'immagine di sfondo e una cosa, è quella nell'header è un altra, facciamo ordine altrimenti va il cervello in pappa, quindi se vuoi mettere l'immagine di sfondo tipo come quella di default dello stile, deve essere per forza di queste dimensioni.
Larghezza 1600
Altezza 1200
Tu hai messo l'immagine gif con la neve che si ripete e quindi credo che sei apposto.

Adesso se vuoi aggiustare l'immagine nell'header che si spezza e si vede male, questo è un grattacapo da non poco, perché stiamo parlando di loyout a larghezza automatica che si adatta a qualsiasi risoluzione dello schermo, e non a loyout con larghezza fissa, quindi l'immagine come la vuoi mettere tu con stile a loyout con larghezza auto non va bene, se lo stile era a loyout con larghezza fissa allora l'immagine come la vuoi mettere tu andava bene.

Esempio per farti capire vedi l'immagine di default dello stile prosilver, e a sfondo unico che si ripete e non fa quel difetto, ma nel momento in cui ci piazzi un'immagine che contiene paesaggi, foto ec ec, questa non va bene.

[snowman]

Innanzitutto grazie per la risposta.
Il problema è che lo stile NON era a larghezza auto. Lo è diventato DOPO la mia modifica e non so perché.
Sostituendo l'immagine 1600x1200 con la mia della neve che si ripete, si è allargato tutto.
Puoi vedere come era in originale nel link che avevo messo o, più rapidamente in questo qui.
Io vorrei che rimanesse identico TRANNE l'immagine di sfondo.
Spero di essere stato chiaro.

[Rey]

Lo stile fa quel difetto perchè c'è un errore grossolano nel file stylesheet.css, mi chiedo come hanno fatto i validatori sul com a validare lo stile.

Ecco l'errore per solo una virgola messa male ti sfasa tutto, è il richiamo delle classi css non vengono chiamate.
@import url('borders.css");

Corretto
@import url("borders.css");

1) Lo stile sul com e fermo alla 3.0.5, quindi ti consiglio di toglierlo perché ti darà altri errori su board 3.0.12.
2) Lo stile aggiornato lo trovi qui viewtopic.php?f=10&t=1880#p2889
3) In cambio dell'aggiornamento chiediamo solo che i crediti nel footer non vengono tolti.

[snowman]

Ti ringrazio molto per l'aiuto. Sei un mito. Purtroppo non sono ancora riuscito a risolvere.
Ho corretto la riga che mi hai indicato, vuotato la cache totale e aggiornato da acp-->temi, e... sono tornato al punto in cui mi ero trovato prima di trovare questa vostra guida.
In pratica avevo semplicemente cambiato l'immagine dello sfondo con quella della neve e la situazione è quella che puoi vedere linkandoti adesso: immagine neve che NON si ripete, nonostante l'aggiunta del background repeat nel colours.css.
Poi, cercando avevo trovato questa vostra guida e inserito il primo post. Il resto lo sai.
Se hai ancora voglia di aiutarmi, ti ringrazio. Se non c'è verso di fare la modifica, pazienza.
Grazie ancora di tutto.

PS.
Il problema può essere a causa di queste righe

Codice: Seleziona tutto

html, body {
	background-color: #A0A0A0;
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

che sono nel borders.css?
Non ho provato a fare modifiche per non fare pasticci. Ma chi comanda? colours.css o borders.css? Perdonami, sono un completo ignorante di css e php.