[RISOLTO] inserire un'mmagine di sfondo in rhuk_milkyway

[mazzius]

Quest'ultima l'ho provata e non funziona........... per questo ho postato la mia domanda.

[adottauncane]

Ciao mazzius,
però non ho capito esattamente dove vuoi inserire lo sfondo...

[mazzius]

Nel body del sito che adesso è blu.

http://www.babilon.netsons.org/

vorrei inserire l'immagine che c'e adesso nell'header, come sfondo body esteso, non ripetuto.

[adottauncane]

Prova così:
template.css (riga 47)

Codice: [Seleziona]

div.center {
background-image:url("../images/mw_joomla_logo.png");
background-position:center top;
background-repeat:no-repeat;
text-align:center;
}

però l'immagine deve essere almeno 1800 px di larghezza perché si veda bene con ogni risoluzione.

[biv2533]

Assicurati di stare lavorando sul file css corretto, alle volte ci si fa' prednere la mano e non ci si accorge su cosa si sta' lavorando.

nel tuo caso devi lavorare qui:
blue_bg.css alla riga numero 2 dove trovi:

background:none repeat scroll 0 0 #0C3A6D;

e la sotituisci con:
background-image:url("../images/mw_joomla_logo.png") no-repeat scroll 0 0 transparent;

Di dimensioni appropriate, quindi molto grande.

Deve funzionare :-)

[mazzius]

completato, ovviamente l'immagine va caricata nella cartella blue?


Mi sorge il dubbio che un'immagine cosi immensa mi renda il sito pesante.
Mi da sfondo bianco.

Ho inserito nella riga 2 questo codice

Codice: [Seleziona]

/* blue */
#page_bg {
background-image:url("../images/blue/spazio_body.png") no-repeat scroll 0 0 transparent;
}

l'immagine è di 1800x1350 ........... sarà troppo grande?

[mazzius]

Allora in locale ho provato la soluzione di adottauncane e funziona, ho modificato in repeat e va benissimo, c'e solo un margine blu tra il bordo pagina e l'immagine, però va bene.

Mentre in remoto ho provato la soluzione di biv e mi da sfondo bianco, sempre che abbia fatto tutto correttamente, ma credo di si.

Bo Bo...!!!!

[adottauncane]

No, in remoto non hai fatto le cose per bene... 
Questo è quello che c'è:
blue_bg.css (riga 2)

Codice: [Seleziona]

#page_bg {
}

mentre dev'essere

Codice: [Seleziona]

#page_bg {
   background-image:url("../images/blue/spazio_body.png") no-repeat scroll 0 0 transparent;
}Come ha scritto biv2533
l'immagina va caricata nella cartella blue dentro images del tuo template.
Che poi era anche la soluzione dei post precedenti con la differenza che quella era per il white, ma bastava cambiare cartella e css...

Comunque prova in remoto una delle due (la mia o quella di biv2533). Nel caso della mia seconda soluzione l'immagine va caricata nella cartella images.

[mazzius]

Scusate lo stress............. cmq ho guardato bene e su blue_bg.css (riga 2) c'è il codice che dive biv

Codice: [Seleziona]

#page_bg {
   background-image:url("../images/blue/spazio_body.png") no-repeat scroll 0 0 transparent;
}
Mi da sempre bianco.

Da cosa può dipendere?

Devo aver combinato un casino adesso anche ritornando alle vecchie impostazioni mi da sempre sfondo bianco.

[biv2533]

Ciao,
riesci a mandare un link dove verificare?

Potrebbe essere che per qualche motivo la immagine non sia stata caricata al opsto giusto.

Oppure potrebbe essere solo un problema di cache del tuo navigatore che non rinfresca la pagina.

[mazzius]

Ecco qui http://www.babilon.netsons.org/

se mi fai sapere qualcosa te ne sarei grato.

Cmq l'immagine è presente nella cartella blue.

[adottauncane]

Ciao mazzius,
hai ragione, la regola scritta come l'abbiamo scritta, anche se normalmente corretta, sembra non piaccia...
devi scriverla cone l'avevo scritta qualche post più su:

Codice: [Seleziona]

#page_bg {
background-image:url("../images/blue/spazio_body.png");
background-position:center top;
background-repeat:no-repeat;
}sempre dove hai già scritto quella che non funziona (cancelli quella e la sostituisci...)
Tutto il resto è ok.
Fammi sapere se va...

[mazzius]

Niente non funziona.

Non sarà cher l'immagine troppo grande possa creare qualche problema?

Poi la cosa strana che ieri sera in locale funzionava, oggi pomeriggio no, che strano.
Infatti come ho scritto ieri, un metodo funzionava e l'altro no, quindi oggi avevo in mente di utilizzare il codice del locale.

Non capisco......!!!!

[mazzius]

Dato che ci siete mi date un parere spassionato sull'header...... vi piace? e carino e brutto.

Il contrasto colori testo e sfondo può andare?

ditemi ditemi......

Mi sono arreso , ho riportato lo sfondo base.

[adottauncane]

Sai che adesso il link non funziona? No, non arrenderti  Dai e dai la soluzione la troviamo. E con l'altro codice hai provato in remoto? Controlla il link e stasera ci riprovo. Io con Firefox da qui lo sfondo lo vedo benissimo. L'immagine va bene, non è certo quella che può influire... Se hai voglia, clicca sul mio profilo e mandami l'immagine con una mail. Ci provo su un mio sito e se riesco ti posto il file css corretto. Ormai è una questione di principio... 

[ariess]

l'immagine che stai utilizzando ha difficoltà ad essere letta dal browser e soprattutto è troppo pesante (8mb!!!!! )...
aprila con un editor di immagini e salvala come jpg, cambia l'estensione del file nel css del template e riprova

[adottauncane]

Ciao ricdata,
ma a parte la pesantezza dell'immagine, quello che è strano e che con Firebug da qui funziona, mentre a lui no... A me sembra che il codice sia corretto, tu che dici?

[mazzius]

Allora ho fatto cosi:

Ho inserito il codice

Codice: [Seleziona]

#page_bg {
background-image:url("../images/blue/spazio_body.jpg");
background-position:center top;
background-repeat:repeat;
}
nella riga 2 della cartella blue_bg.css

Ho modificato l'immagine spazio_body da png a jpg e caricata nella cartella images/blue

risultato......... io vedo blu................voi?

Però mi sorge un dubbio, se voi siete sicuri che il codice è corretto, ma sul web non funziona, potrebbe essere un problema del server hosting.
Ogni volta che faccio il caricamente con filezilla sul server, la prima volta mi dice errore di invio, dopo carica cmq il file ed è presente nel server.
Potrebbe essere un problema, magari il browser ha difficolta a leggerlo anche per questo.
Anche se è strano, se l'immagine è presente nel server, deve leggerla.

[ariess]

ciao adottauncane 

credo che il problema sia il background-image....mi sembra che non funzioni....
avevo letto qualcosa a riguardo tempo fa ma ora non rocordo di preciso e non saprei darvi una spiegazione

prova semplicemente con background

Codice: [Seleziona]

background: url("../images/blue/spazio_body.jpg");

[mazzius]

Provato anche nell'ultimo modo consilgiato da ric ma nel mio browser non funziona

Come dicevo prima ogni volta che carico il file con filezilla mi da questo errore

553 Can't open that file: Permission denied
Errore:   Errore critico trasferimento file

poi cmq la pagina la carica.