Back to top

Autore Topic: Immagine di sfondo a Protostar  (Letto 3517 volte)

Offline giglio

  • Esploratore
  • **
  • Post: 141
    • Mostra profilo
Immagine di sfondo a Protostar
« il: 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

adottauncane

  • Visitatore
Re:Immagine di sfondo a Protostar
« Risposta #1 il: 07 Feb 2017, 16:48:35 »
Ciao,
se non l'hai già fatto fai un file user.css nella cartella css del template.

Lì metti
Codice: [Seleziona]
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
Codice: [Seleziona]
no-repeat fixed center center / coverserve per un'immagine centrata che si adatta alla pagina. Se ti serve in un altro modo cambiala.

Offline giglio

  • Esploratore
  • **
  • Post: 141
    • Mostra profilo
Re:Immagine di sfondo a Protostar
« Risposta #2 il: 07 Feb 2017, 18:26:18 »

Ho fatto esattamente come mi hai detto ma lo sfondo rimane bianco.
Per essere sicuro e non sbagliare ho fatto copia-incolla.


adottauncane

  • Visitatore
Re:Immagine di sfondo a Protostar
« Risposta #3 il: 07 Feb 2017, 20:43:21 »
E l'immagine l'hai caricata? Il percorso è corretto? Il nome è giusto?
Hai un link al sito che vediamo?

Offline giglio

  • Esploratore
  • **
  • Post: 141
    • Mostra profilo
Re:Immagine di sfondo a Protostar
« Risposta #4 il: 07 Feb 2017, 21:24:47 »

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?

Offline alexred

  • Fuori controllo
  • *
  • Post: 25672
  • Sesso: Maschio
  • Esperto in ozio relaxed
    • Mostra profilo
Re:Immagine di sfondo a Protostar
« Risposta #5 il: 07 Feb 2017, 21:48:43 »
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

Offline giglio

  • Esploratore
  • **
  • Post: 141
    • Mostra profilo
Re:Immagine di sfondo a Protostar
« Risposta #6 il: 07 Feb 2017, 21:56:22 »

Nell'allegato puoi vedere che il file c'è.
« Ultima modifica: 08 Feb 2017, 08:31:28 da giglio »

Offline alexred

  • Fuori controllo
  • *
  • Post: 25672
  • Sesso: Maschio
  • Esperto in ozio relaxed
    • Mostra profilo
Re:Immagine di sfondo a Protostar
« Risposta #7 il: 07 Feb 2017, 22:02:58 »
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 ?

Offline giglio

  • Esploratore
  • **
  • Post: 141
    • Mostra profilo
Re:Immagine di sfondo a Protostar
« Risposta #8 il: 07 Feb 2017, 22:08:44 »

Ho caricato l'immagine anche in /images ma non succede nulla.
L'editor usato è Notepad++

Offline alexred

  • Fuori controllo
  • *
  • Post: 25672
  • Sesso: Maschio
  • Esperto in ozio relaxed
    • Mostra profilo

Offline renzo973

  • Appassionato
  • ***
  • Post: 402
  • Sesso: Maschio
  • Cogito ergo sum !!!
    • Mostra profilo
Re:Immagine di sfondo a Protostar
« Risposta #10 il: 07 Feb 2017, 23:09:14 »
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)
« Ultima modifica: 08 Feb 2017, 07:19:51 da renzo973 »
Dicono che dio ci ha fatti tutti uguali, ma poi, appena fuori dall'utero, ha iniziato coi favoritismi

Offline giglio

  • Esploratore
  • **
  • Post: 141
    • Mostra profilo
Re:Immagine di sfondo a Protostar
« Risposta #11 il: 08 Feb 2017, 08:23:44 »
Grazie, hai perfettamente ragione.

adottauncane

  • Visitatore
Re:Immagine di sfondo a Protostar
« Risposta #12 il: 08 Feb 2017, 09:29:44 »
C'è qualcosa che non funziona nell'inserimento della regola ma non riesco a capire cosa.
Se la metto io on-line funziona perfettamente:

Codice: [Seleziona]
body.site {
  background: rgba(0, 0, 0, 0) url("/images/sfondo.jpg") no-repeat fixed center center / cover ;
}

adottauncane

  • Visitatore
Re:Immagine di sfondo a Protostar
« Risposta #13 il: 08 Feb 2017, 12:07:48 »
Prova a cancella re la regola che hai copiato e mettere questa:
Codice: [Seleziona]
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.

 



Web Design Bolzano Kreatif