Joomla.it Forum

Joomla! 3 => Joomla! 3 => : ge.aires 25 Apr 2018, 14:46:02

: IMPOSTARE SFONDO
: ge.aires 25 Apr 2018, 14:46:02
Buongiorno, qualcuno sa dirmi come impostare lo sfondo su una pagina joomla. Ho provato seguendo diverse guide e anche usando il modulo background styler ma non mi applica le modifiche. Qualcuno può aiutarmi? Se potessi servirmi delle estensioni preferisco, sono un pò arruginito in merito a css e html.

Il sito è questo: http://fishingtime.altervista.org/ (http://fishingtime.altervista.org/)

Grazie mille
: Re:IMPOSTARE SFONDO
: floyd1616 25 Apr 2018, 15:38:37
Ciao,
se mi permetti di darti un consiglio:
evita, per quanto è possibile, di installare estensioni per una cosa semplice, come quella che hai chiesto tu.

Innanzitutto creati un file .css  che chiamerai "user.css" personalizzato che andrai ad inserire nella cartella "css" del tuo template "protostar".

In pratica avrai:

/templates/protostar/css/user.css

:
body {
background: yellow;
}

Salva ed aggiorna.
Il colore di sfondo del sito è giallo?

Saluti
: Re:IMPOSTARE SFONDO
: ge.aires 25 Apr 2018, 18:10:26
Ciao, grazie per la risposta. Ho fatto come dici ma non modifica niente. Dove sbaglio?

: Re:IMPOSTARE SFONDO
: marlev 25 Apr 2018, 18:24:04
Prova a forzare

:
body {
background-color: yellow !important;
}
: Re:IMPOSTARE SFONDO
: ge.aires 25 Apr 2018, 18:27:24
Purtroppo niente. Non applica nessuna modifica. A parte se lo faccio da "impostazioni template", però io vorrei mettere un'immagine che non mi fa fare
: Re:IMPOSTARE SFONDO
: marlev 25 Apr 2018, 18:29:40
Si invece! Lo vedo giallo. Svuota cache del browser oppure aggiorna la pagina più volte.
: Re:IMPOSTARE SFONDO
: floyd1616 25 Apr 2018, 18:30:54
Ciao,
1) elimina la dichiarazione "background:yellow" dal file template.css del protostar. Credo l'abbia scritta tu.
2) ho visto che hai anche scritto la stessa dichiarazione nel file "user.css"
3) se vedi il codice html della tua home, hai:

:
<body class="site com_content view-article no-layout no-task itemid-101">

quindi nel tuo file "user.css"  scriverai:

:
body.site {
background-color: yellow;
}


Il colore di sfondo attuale del tuo sito viene dato dal codice css del file "template.css":

:
body.site {
border-top: 3px solid #0088cc;
padding: 20px;
background-color: #bf0b2c;
}

Spero di essere stato sufficientemente chiaro.
Saluti
: Re:IMPOSTARE SFONDO
: Limma 25 Apr 2018, 19:07:11
Purtroppo niente. Non applica nessuna modifica. A parte se lo faccio da "impostazioni template", però io vorrei mettere un'immagine che non mi fa fare

Ho appena visto il tuo user.css
La sintassi che hai usato per caricare l'immagine non è corretta:
:
background-image: url('/images/sito sergio (48).jpeg');;Prova questa:
:
background-image: url('../images/sito sergio (48).jpeg');
: Re:IMPOSTARE SFONDO
: tomtomeight 25 Apr 2018, 19:08:25
Evita gli spazi nei nomi delle immagini.
: Re:IMPOSTARE SFONDO
: Limma 25 Apr 2018, 19:14:28
Purtroppo niente. Non applica nessuna modifica. A parte se lo faccio da "impostazioni template", però io vorrei mettere un'immagine che non mi fa fare

Tra l'altro l'immagine che stai usando per lo sfondo è "piccolina" per cui dovresti usare una dichiarazione aggiuntiva tipo:
:
background-size: cover;oppure impostare
:
background-repeat: repeat;ma dipende da che immagine vorrai usare.
: Re:IMPOSTARE SFONDO
: ge.aires 25 Apr 2018, 19:30:02
Grazie a tutti. Tutto ora funziona. Ma possibile che per ogni modifica devo ogni volta pulire la cache del browser?
: Re:IMPOSTARE SFONDO
: Limma 25 Apr 2018, 19:34:32
Grazie a tutti. Tutto ora funziona. Ma possibile che per ogni modifica devo ogni volta pulire la cache del browser?

Come vedi era solo un problema di sintassi  ;)
Stai usando Protostar, e qui e in rete trovi tutta la documentazione e (quasi tutte...) le risposte che ti servono.

Per la cache dipende; a volte sì a volte no...  ;D
: Re:IMPOSTARE SFONDO
: ge.aires 25 Apr 2018, 19:42:10
Grazie. Nel caso lavorerò sul file user.css. Spero che metto mano meno possibile al codice dato che ho poco tempo. Tanto devo fare un sito statico abbastanza semplice. :)
: Re:IMPOSTARE SFONDO
: tomtomeight 25 Apr 2018, 19:47:45
Per un sito statico abbastanza semplice hai scelto la via meno semplice, come prendere un autotreno per circolare in giardino.  :)
: Re:IMPOSTARE SFONDO
: ge.aires 25 Apr 2018, 19:48:52
Cioè? Almeno ho una base di partenza no?
: Re:IMPOSTARE SFONDO
: tomtomeight 25 Apr 2018, 19:55:27
A volte si crede che basta il solo strumento per fare un lavoro, bisogna invece oltre che saperli usare o imparare ad usarli anche saperli scegliere in base a quello che si deve fare. Comunque sì adesso con joomla e l'aiuto del forum hai basi per fare altri siti. :)