[Risolto]Inserire una immagine come sfondo del sito ...

[nyarlatothep]

Buonasera a tutti volevo sapere come poter inserire una immagine di sfondo al mio sito e come poter modificare il colore di sfondo del mio sito. Grazie mille in anticipo per le risposte

[adottauncane]

Ciao nyarlatothep,
attraverso i css...

A parte gli scherzi, se vuoi una risposta precisa, fai una domanda precisa. Metti un link al sito, in questo caso.

[nyarlatothep]

Grazie per la risposta ... il mio sito è www.shoppingview.it e in costruzione e io vorrei mettere una immagine di sfondo nel sito che rimanga dietro e poi vorrei sostituire il il colore della parte superiore del sito. Grazie per la risposta.

[adottauncane]

Hai la compressione gzip dei css. Non riesco a dirti esattamente dove intervenire. Togli la compressione.

L'immagine di sfondo che c'è ora è comunque richiamata nel css body. Puoi sotituire quella con una di tuo gusto, con lo stesso nome (e allora non cambi nemmeno il richiamo css) o con un altro, allora cambi il nome del file sul css.

[nyarlatothep]

[/code]/* New style-related Base Values----------------------------------------------------------------------------------------------------*/body {  font: normal 14px/20px Arial, Helvetica, sans-serif;  color: #444;}a { color: #48b; }a:hover,em, code { color: #d50; }ins, mark { background-color: #ffa; }mark { color: #444; }hr { border-top-color: #ddd; }pre {  border: 1px solid #ddd;  background: #fafafa;}::-moz-selection { background: #39f; color: #fff; }::selection { background: #39f; color: #fff; }

Codice: [Seleziona]

dove devo intervenire ???

[adottauncane]

Togli la compressione gzip, altrimenti non posso aiutarti...

[nyarlatothep]

OK ho tolto la compressione come dicevi ... aspetto tue notizie ! grazie mille e scusa il disturbo


PS io vorrei mettere nella parte bianca del sito di sfondo un logo in ripetuta che occupi tutto lo sfondo.
Grazie

[adottauncane]

Nel css body aggiungi l'url con l'immagine, così:

Codice: [Seleziona]

body {    background: url("http://www.shoppingview.it/images/Logosito1.jpg") repeat scroll 0 center transparent !important;    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
dove al posto di questo metti il persorso alla tua immagine, meglio se relativo.

Poi metti uno sfondo qui:

Codice: [Seleziona]

.jp-top-outer {    background: none repeat scroll 0 0 #FFFFFF;    position: relative;    z-index: 0;}
Di nuovo non so dirti la riga o il file perché continua ad esserci una qualche compressione.

La seconda regola, se non la trovi, puoi aggiugerla al fondo di un file css del template. La prima dovresti trovarla. Nel caso aggiungi anche quella, così:

Codice: [Seleziona]

body {    background: url("http://www.shoppingview.it/images/Logosito1.jpg") repeat scroll 0 center transparent !important;}

[nyarlatothep]

perdonami ma sogno ignorante come una bestia ... quale file mi devo tirare giu' con filezilla e modificare con i parametri che mi hai dato il css

[nyarlatothep]

PS ti ho pulito tutto il sito adesso non hai piu nessuna compressione ... dimmi se riesci meglio .

[adottauncane]

Correggi così:

Codice: [Seleziona]

body {    background: url("http://www.shoppingview.it/images/Logosito1.jpg") repeat scroll 0 center transparent !important;}style.css riga 58

metti poi l'immagine che vuoi al posto di quella che ho messo io. Se la metti nella cartella images del template devi scrivere così l'url

url("../images/tuaimmagine.jpg")

Qui metti un background del colore che vuoi:

Codice: [Seleziona]

.jp-top-outer {    background: none repeat scroll 0 0 #FFFFFF;    position: relative;    z-index: 0;}style.css riga 84

[nyarlatothep]

grazie mille !!! provo subito

[nyarlatothep]

ariscusami ... facendo cosi l'immagine che metto di sfondo la avro ripetuta sempre per tutto il sito giusto

[nyarlatothep]

ok perfetto funziona tutto come mi hai detto solo che l'immagine che ho fa schifo ! e se invece io vorrei mettere una immagine a sx e una a dx lasciando i colori di base inalterati come posso fare ...

[adottauncane]

Ti fai un'immagine che abbia lo spazio del content libero e quello che vuoi a sinistra e destra, metti

Codice: [Seleziona]

body {    background: url(../images/tuaimmagine.jpg") no-repeat fixed center top #ffffff !important;}
dove scegli il colore di sfondo che vuoi.

[nyarlatothep]

Grazie tantissime ho capito tutto!
Grazie ancora per la pazienza e per le risposte.

[adottauncane]

Prego. Dovresti aggiungere [RISOLTO] davanti al titolo del primo post. Grazie mille.