Personalizzazione template, sostituzione sfondo con immagine.

[matteo.marzo]

Ciao ragazzi, premettendo che sono nuovo del mondo Joomla, avrei bisogno di un vostro aiuto.
Vorrei sapere quali righe modificare e come, nel codice CSS di un template generico, per caricare un'immagine da sostituire allo sfondo.
Spero qualcuno di voi sappia aiutarmi.
Vi ringrazio anticipatamente per la disponibilità e la pazienza 
Matteo

[adottauncane]

Ciao matteo.marzo,
un link al sito?

[matteo.marzo]

Grazie innanzitutto per la risposta 
Suppongo che il link serva per vedere di che tipo di template si tratta o sbaglio?
In realtà sto provando a modificarne alcuni, per cercare di capire dove devo andare a mettere mano nel codice CSS e sono un po' in difficoltà, perchè non so come scegliere 
Per esempio, ho installato questo che compare ora

http://www.marzoarreda.it/

A proposito avrei due domande collegate:
-come elimino "Why choose JSN tendo" e "Must see stuff" per sostituirli con menu di interesse?
-altra questione un po' più marginale: se metto il sito offline, non riesco a visualizzarlo dal pannello, o meglio visualizzo una schermata che aveva preimpostato il tecnico che curava prima il sito.

Ancora visto che ci sono, fermo restando la questione "sostituzione sfondo con immagine mia da CSS" come faccio a caricare delle foto nella striscia bianca che compare o eventualmente toglierla?
C'è un modo univoco per capire come agire sul codice CSS?
Scusami/scusatemi se ti/vi ho tempestati di domande, ma sono nuovo e sto facendo un po' di fatica a muovermi 
Grazie ancora.
Matteo 

[adottauncane]

Be, ogni template potrebbe avere lo sfondo agganciato ad un diverso css. Potrebbe essere nel body o in un altro div.
Ad esempio qui la parte grigia è un'immagine:

body {.    background-image: url("../images/header-bg.png");.}styles.css (riga 6)

mentre lo sfondo bianco è qui:

#main {.
    background-color: #FFFFFF;.
}styles.css (riga 83)
Per caricare la foto, oltre a metterla nella cartella image del template la richiami bel css mettendo

    background-image: url("../images/tuaimmagine.jpg");

I due titoli potrebbero essere titoli di moduli nella gestione moduli. Prova a controllare.

Per lavorare con i css utilizza firebug per firefox, così puoi fare le prove che vuoi on line e poi le riporti sul file css.

[matteo.marzo]

Ok perfetto, ora provo e ti faccio sapere in tempo reale 
Ma per usare firebug devo avere la possibilità di entrare nel sito in php?

[adottauncane]

No, è un plugin di Firefox e lo utilizzi dal browser. Poi le modifiche vere e proprie le fai via ftp e ricarichi i file corretti o anche da backend da dettagli template.

[matteo.marzo]

perfetto 

[matteo.marzo]

Ciao, ho iniziato a modificare i templates con firebug, veramente molto semplice 
Ora però ho un problema: vorrei eliminare tutti i campi riempiti a sfondo pubblicitario, dal creatore del templates.
Per intenderci:

http://www.marzoarreda.it/

quindi le immagini e i testi relativi.

Alcune le ho eliminate, semplicemente scrivendo transparent alla voce del colore, ma altre non riesco proprio a toglierle di mezzo, poichè selezionandole con firebug, il corrispondente codice CSS mi dice che è alla riga 2, dove non so realmente cosa modificare. Riesco a toglierle di mezzo solo dal codice HTML, cancellando la riga di codice, ma non saprei dove andare a cercare lo stesso nella mia cartella del template che poi carico dal backend.
Arrivo dunque ad una domanda mirata: come faccio a cancellare le frasi e le immagini pubblicitarie preimpostate, lasciando la possibilità di avere comunque dei box in cui scrivere qualcosa? E come eventualmente potrei anche cancellare i box all'interno dei quali le stesse sono scritte, per crearne eventualmente degli altri?
Grazie in anticipo 

[adottauncane]

Arrivo dunque ad una domanda mirata: come faccio a cancellare le frasi e le immagini pubblicitarie preimpostate, lasciando la possibilità di avere comunque dei box in cui scrivere qualcosa? E come eventualmente potrei anche cancellare i box all'interno dei quali le stesse sono scritte, per crearne eventualmente degli altri?
Grazie in anticipo 

Mi sembrano dei moduli. Controlla in backend - Gestione moduli se hai moduli pubblicati con quei titoli. Nel caso li spubblichi o li apri e li personalizzi.
Il template è commerciale? Perché nel caso non diamo supporto sul forum, devi rivolgerti al costruttore.
Se è free mi dia il link da dove lo hai scaricato che vedo come è fatto?

[matteo.marzo]

Grazie mille, il link del preview del template è questo:

http://newjoomlatemplates.com/demo17/index.php/j17/pictura-luce

non credo ci siano particolari licenze...

[adottauncane]

Mmmm, penso che siano moduli, hai provato a guardare? Nella posizione user6?

[matteo.marzo]

Ho cambiato template, grazie comunque per la risposta 

[galez349]

Ciao ragazzi,
ho un problema con l'inserimento di un immagine di sfondo nel mio sito: ecco il link ([size=78%]http://www.turismoindustrialepd.it/[/size]). Vorrei inserire un'immagine a tutta pagina ma quando vado nel template.css ad inserire i codici non succede niente; invece, se voglio cambiare il colore, quello riesco a farlo. Su consiglio di un amico ho "forzato" l'inserimento dell'immagine inserendola nell'index.php del template, e l'immagine si vede...però non riesco a centrarla, né a a dirgli il comando "no-repeat", niente di niente. Premetto che sono nuovo e non ho esperienza con i css, sto imparando ora.
Qualcuno ha qualche idea?

[adottauncane]

Ciao galez349,
benvenuto nel forum 

è sempre meglio aprire un nuovo post aziché accodarsi a post già risolti.


Metti la tuaimmagine.jpg nella cartella images del template e poi correggi così:




 

Codice: [Seleziona]

#page_bg {
    background: url("../images/tuaimmagine.jpg") no-repeat center top #E8EBEC;
}
template.css (riga 50)


i padding e il margin non penso servano a nulla.


La stessa istruzione qui:

Codice: [Seleziona]

#page_bg {


    background: none repeat scroll 0 0 #FFFFFF;
}template.css (riga 28)


è superflua. Togline una delle due.

[galez349]

Grazie,


ho provato a fare ciò che mi hai detto, ma il risultato è quello che vedi...


http://www.turismoindustrialepd.it/,


continua a ripetermi l'immagine...

[adottauncane]

Ma l'hai lasciato nell'index? Toglilo e mettilo nel css come ti ho scritto. Tieni conto però che l'immagine deve essere grande abbastanza da coprire lo sfondo. Mi sembra che la tua sia piccolina...

[galez349]

Se lo tolgo dall'index non mi vede niente...ho scelto un'immagine più grande (3885x2565), secondo te è abbastanza grande?

[adottauncane]

Se non lo togli dall'index dovrai scrivere lì le istruzioni. Toglilo e mettilo come ti ho scritto più su. Sì la misura va bene, anche 2400 di larghezza potrebbe bastare. Accertati solo che non pesi troppo se no non si carica velocemente la pagina.

[galez349]

RISOLTO!! 


thanks!!!