[RISOLTO]inserire Sfondo su template "x"

[MichaelSciarra]

salve ragazzi, mi ritrovo a dover chiedere il vostro aiuto.


dopo un pò che non realizzavo qualche sito, mi è capitato di rifare il sito ad un amico.
sono ripartito con la 2.5 e virtuemart


ora volevo chiedervi....

ho scaricato un template che mi piaceva, e lo sto personalizzando...

ma non riesco a cambiare, anzi ad inserire uno sfondo principale che si veda


il sito in questione è questo:
http://www.samuelecini.it/web/index.php?option=com_content&view=featured&Itemid=101


e l'immagine di sfondo che vorrei inserire è questa

http://www.samuelecini.it/web/templates/jaxstorm-green/images/sfondo.png


ora io credevo di dover modificare il css

e se non erro, ho individuato il corpo Body , ho provato, cercando la dovuta sintassi, modificare con
background-image:url(.../images/sfondo.png);


ma non va...

ecco a voi il corpo body che credo sia quello giusto.

body {
  text-align: left;
  font-family: 'Droid Sans', sans-serif, Helvetica, Arial;
  font-size: 0.8em;
  line-height: 1.5em;
  color: #bbbbbb;
  background: #e0dedf  ) repeat-x;
}




sopra la riga background , ho inserito quella che vi ho mostrato prima, ma anche altre due tre sintassi diverse, trovate nel web...


ma nel sito non si vede una mazza...

a me servirebbe che prende tutto, sia i moduli che lo sfondo principale
ecco perchè l'ho fatta opaca...



se riuscite ad aiutarmi ve ne sarei grato, perhcè oramai ci ho perso un bel pò di orette senza venirne a capo :-(



grazie mille a tutti

Michael!

[adottauncane]

Ciao MichaelSciarra
devi togliere il colore di background da qui:

Codice: [Seleziona]

#header_wrap {    background-color: #46494E;    min-width: 960px;}tempalte.css riga 324

Codice: [Seleziona]

#slideshow {    background-color: #46494E;    min-width: 960px;}
tempalte.css riga 1918

Codice: [Seleziona]

#content-menu_wrap_bg {    background-color: #46494E;    margin-bottom: -1px;    min-height: 400px;    min-width: 960px;    overflow: auto;}tempalte.css riga 571

[MichaelSciarra]

ok trovati! 

ma quindi ELIMINO proprio le stringhe che hai detto tu?

oppure le sostituisco?

[adottauncane]

Eliminale... Nel caso a riscriverle ci vuole un secondo. Ma togli solo il

Codice: [Seleziona]

background-color: #46494E;non tutto... 

[MichaelSciarra]

si stavo provando... si vede ma l'effetto fa un pò schifo...

non esiste un modo per far si che occupi veramente tutta la pagina e si autodimensioni alla risoluzione???

riporto il link: http://www.samuelecini.it/web/index.php?option=com_content&view=featured&Itemid=101



OUT


come mai adotta un cane? sono un gran amante dei cani ;-) è un nick "a caso?"

fine out

[adottauncane]

Aggiungi questo al body:

Codice: [Seleziona]

-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;
No, non è a caso. Faccio il sito in firma...

[MichaelSciarra]

vado subito a visitarlo


comunque non cambia molto, sotto l'immagine rimane tutto bianco....


che dimensione sarebbe giusto dare all'immagine?


ecco il nuovo body, ci sono errori?

grazie infinite comunque, sei molto gentile!



body {
  text-align: left;
  font-family: 'Droid Sans', sans-serif, Helvetica, Arial;
  font-size: 0.8em;
  line-height: 1.5em;
  color: #bbbbbb;
background-image:url(http://www.samuelecini.it/web/templates/jaxstorm-green/images/sfondo.jpg);
  background-repeat:no-repeat;
  -moz-background-size: cover;-webkit-background-size: cover;background-size: cover;

[adottauncane]

A be sì... Il css che hai inserto serve a ridimensionare l'immagine in proporzione, quindi sotto rimane bianco...

Prova a sostituire tutto il body con questo e vedi se ti piace di più...

Codice: [Seleziona]

body {    background: url("http://www.samuelecini.it/web/templates/jaxstorm-green/images/sfondo.jpg") no-repeat fixed center top / cover  rgba(0, 0, 0, 0);    color: #BBBBBB;    font-family: 'Droid Sans',sans-serif,Helvetica,Arial;    font-size: 0.8em;    line-height: 1.5em;    text-align: left;}

[MichaelSciarra]

allora, sono di nuovo sul caso...

ho , in qualche modo risolto cosi


http://www.samuelecini.it/web/

che mi sembra accettabile alle varie risoluzioni di pc, ma non molto su smartphone (la larghezza della colonna centrale è di 1250 px)

per smartphone poi valuterò il dafarsi...


ma ora devo capire il modo di fare una cosa...

a me questo sfondo serve solo ed esclusivamente nell'index del sito, poi su tutte le altre pagine mis ervirebbe uno sfondo completamente nero..


come fare a lasciare questa specifica immagine SOLO nell'index???


Intanto Buon Anno a  tutti ;-)

[adottauncane]

Ci sono diversi modi, dipende dal template e da come è gestito in backend... Uno è quello di fare una copia del template, assegnare quello con con lo sfondo alla home e quello senza (cambiando il css del body) alla altre pagine.

http://www.joomla.it/articoli-community-3x-tab/7368-mini-guida-alla-personalizzazione-del-template-sport-digga.html#copia

[MichaelSciarra]

ho letto, e ho capito metà :p

io ho capito come copiare il template , e ho capito che non posso modificare il css...

ma non ho capito dove gli posso dire che da quell'indirizzo in poi devi switchare template

[adottauncane]

Dalla gestione template, clicchi sul nome del template copiato e poi in assegnazione menù.

[MichaelSciarra]

Grazie infinite, sei stata molto molto gentile :-)

[adottauncane]

 Prego.  Ricordati di inserire [RISOLTO] davanti al titolo del primo post. Grazie mille.

[MichaelSciarra]

si appena risolvo tutto lo scrivo


sono quasi alla fine... ma non è finito finche non è finito.. .



allora...

perfetto la home ha un template con il suo sfondo e il suo css
le altre pagine hanno un altro template (lo stesso copiato e tolto lo sfondo) e il suo css...


perfetto nella navigazione di tutto il virtumart e nella consultazione di tutti i prodotti mi funziona sopra il secondo template...

fino al momento che non entro nel carello... metto un ogetto nel carello e a quel punto... mi va sopra il template principale e puntualmente, quindi, non si vede un cacchio.


ho provato dal gestione template, ma non ho la voce carello, e non ho nessuna voce che parla delle pagine di virtuemart .... ho provato anche dall'interno dell'applicazione del negozio, ma in nessun punto trovo qualcosa che mi conduce all'utilizzo del template...


ma allora perchè, quando si conclude l'ordine che si arriva al carello mi riporta sulla home principale???

[adottauncane]

Non lo so. Prova ad aprire un post nella sezione e-commerce. Non è più una questione di template...
In ogni caso, una domanda un post. Diventa complicato seguire un post così lungo con domande differenti.

[MichaelSciarra]

si hai perfettamente ragione!


Grazie infinite!!! ;-)