Immagine Background [RISOLTO]

[Mimmo82]

Ciao  a ttt,


non volevo scrivere per non "distrubare", ma alla fine non ci son riuscito, quindi, una domanda...


Ma come faccio a impostare un immagine di sfondo dietro al mio "corpo" del sito. Non so come si chiama il termine tecnico, anzi, se me lo dite...ma quello che vi voglio far capire è quell immagini pubblicitari che spesso sta a i lati del sito repub, tgcom...


Scusate la mia ignoranza...


grazie
ciauu

[adottauncane]

Ciao Mimmo82,
si chiama background-image (come codice css) e di solito nei template è inserita nel body o in un'altra classe ad hoc. Quindi si aggiunge da css. Per vedere dove usa Firebug per FF. Se hai bisogno di una mano metti un linkal sito.

[Mimmo82]

wow...innanzitutto grazie!
Da quel che ho capito, si agisce da codice su un css...
non ho capito questa frase "Per vedere dove usa Firebug per FF"
[/size]
[/size]Scusami
[/size]
[/size]grazie ancora

[adottauncane]

È un addons di Firefox. Cercalo su Google e installalo. Serve per individuare il css su cui intervenire.

[Mimmo82]

perfetto!!!


Ho avuto conferma che il css è posizionato nella cartella del template nella sottocartella CSS.
Il file in questione è template.css.


Ora, ho provato a mettere all interno di questo codice la stringa
background-image:pallini.jpg
ma non ho ottenuto risulati.


Hai qualche riferimento per risolvere ?
Magari sto inserendo quel codice nel css sbagliato o nella parte di codice errata...


grazie!!!

[adottauncane]

Be no, messo così non va bene. Devi fare riferimento al div dello sfondo del template che potrebbe essere o #body o qualcos'altro...
Hai un link al sito?

[Mimmo82]

ivolantino.com

[adottauncane]

L'immagine è di esempio, poi metti quella che vuoi inserendola prima nella cartella images del template e corregendo il nome:

body {
background-attachment: scroll;
background-clip: border-box;
background-color: #E2E1DE;
background-image: url("../images/logo.gif");
ecc..
}
template.css riga 2

[Mimmo82]

Azzo...
ok! provo,
ma...come fai a sapere queste strighe? tramite quel add in di mozilla? Io lo sto a cerca di capi...


cmq grazisssimo...


Provo e ti fo sapere!! 

[Mimmo82]

Allora, correggimi perche sicuramente toppo in qualche parte.
Ho aperto da Filezilla la cartella contenente il sito, poi ho selezionato
TEMPLATES-->JP_FooTbaal(il mio template)-->CSS-->TEMPLATE.css
 e ho modificato cosi:
[/code]

Codice: [Seleziona]

[size=78%]body {[/size]
   margin:0;
   padding:0;
   line-height: 1.8em;
   font-family:PTSansRegular, Arial, Helvetica, sans-serif;
   color:#222;
   font-size:14px;
   /*background:#e2e1de*/
   background-image: url("../images/pallini.jpg");
   }


Eppure ho inserito l img pallini.jpg nella cartella images del template...dove mi addormento???


Scusatemi...

[adottauncane]

Però in remoto la modifica non c'è...

Codice: [Seleziona]

body {    background-attachment: scroll;    background-clip: border-box;    background-color: #E2E1DE;    background-image: url("../images/pallini.jpg");    background-origin: padding-box;    background-position: 0 0;    background-repeat: repeat;    background-size: auto auto;    color: #222222;    font-family: PTSansRegular,Arial,Helvetica,sans-serif;    font-size: 14px;    line-height: 1.8em;    margin-bottom: 0;    margin-left: 0;    margin-right: 0;    margin-top: 0;    padding-bottom: 0;    padding-left: 0;    padding-right: 0;    padding-top: 0;}
copia e incolla tutto il codice e poi trasferisci il file in remoto. Per il resto è tutto giusto.

[Mimmo82]

ho appena incollato il tuo codice togliendo i comandi ripetuti sul codice orginale...


se vai a vedere troverai le modifiche, ma il risultato non cambia...

[adottauncane]

Un bel refresh della pagina? Magari svuotare la cache? 

[Mimmo82]

Potevo anche morire, perche prima di scrivere l avevo gia fatto come avevi suggerito. Che pirla...


Grazie infinte!!!