Joomla.it Forum
Joomla! 3 => Joomla! 3 => : giglio 07 Feb 2017, 16:14:46
-
Utilizzo Joomla 3.6.5 ed il template Protostar non fluido.
Vorrei impostare lo sfondo non con un colore ma con un'immagine.
E' possibile? Come?
Grazie
-
Ciao,
se non l'hai già fatto fai un file user.css nella cartella css del template.
Lì metti
body.site {
background: rgba(0, 0, 0, 0) url("/images/tuaimmagine.jpg") no-repeat fixed center center / cover ;
}
tuaimmagine.jpg la metti nella cartella images del template Protostar.
La regola
no-repeat fixed center center / cover
serve per un'immagine centrata che si adatta alla pagina. Se ti serve in un altro modo cambiala.
-
Ho fatto esattamente come mi hai detto ma lo sfondo rimane bianco.
Per essere sicuro e non sbagliare ho fatto copia-incolla.
-
E l'immagine l'hai caricata? Il percorso è corretto? Il nome è giusto?
Hai un link al sito che vediamo?
-
Questo è il link: http://www.liceonolimits.eu/
e questo il codice del file user.css posto in: templates\protostar\css
body.site {
background: rgba(0, 0, 0, 0) url("/images/sfondo.jpg") no-repeat fixed center center / cover ;
}
Dove sbaglio?
-
Ciao giglio,
controlla di aver caricato correttamente l'immagine di sfondo, attualmente questo file non pare essere presente:
http://www.liceonolimits.eu/images/sfondo.jpg
-
Nell'allegato puoi vedere che il file c'è.
-
non saprei, prova caricare l'immagine anche nella cartella images
Poi mi pare ci sia un problema di codifica del file CSS che hai creato, hai usato un editor di testi ?
-
Ho caricato l'immagine anche in /images ma non succede nulla.
L'editor usato è Notepad++
-
Prova ad usare il modulo descritto qui: http://www.joomla.it/e-ancora/articoli-community-3x/8594-un-video-di-sfondo-al-tuo-sito-con-il-modulo-pri-background.html
-
non attinente con l'argomento, però lo dico ugualmente: un consiglio personale: la prossima volta che carichi degli screenshot, nascondi i dati (userID, ip del db, ecc)
-
Grazie, hai perfettamente ragione.
-
C'è qualcosa che non funziona nell'inserimento della regola ma non riesco a capire cosa.
Se la metto io on-line funziona perfettamente:
body.site {
background: rgba(0, 0, 0, 0) url("/images/sfondo.jpg") no-repeat fixed center center / cover ;
}
-
Prova a cancella re la regola che hai copiato e mettere questa:
body.site {
background: rgba(0, 0, 0, 0) url("../images/sfondo.jpg") no-repeat fixed center center / cover ;
}
cioè togliendo lo spazio davanti a background. Probabilmente c'è qualcosa nel copia incolla che ha sporcato il codice.
Meglio se lo scrivi tu direttamente.