Joomla.it Forum
Joomla! 3 => Joomla! 3 => : Guido Sica 20 Mar 2017, 17:37:29
-
Salve.
Per impostare uno sfondo al sito Joomla 3,
sto usando il seguente modulo: HD-Background Selector.
Devo dire che funziona molto bene.
Permette di impostare il colore di sfondo,
l'immagine di sfondo,
se replicarla o lasciarla fissa in altro,
a destra, a sinistra, etc...
Lo consiglio.
Poi c'è anche la possibilità di forzare il codice per modificare a mano le impostazioni.
Purtroppo il modulo non mi rende l'immagine di sfondo responsive.
Qualcuno può darmi le righe di codice da usare per rendere l'immagine responsive?
Grazie.
-
Ciao Guido Sica,
ho visto uno che ha risolto mettendo questo in un css
body {
background: no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
}
Ciao!
-
Grazie.
Adesso ci provo.
-
Purtroppo non funziona.
O meglio il problema è il seguente.
Mi rende sì l'immagine di sfondo responsive,
ma me la ingrandisce a tutto schermo.
Io avrei bisogno che l'immagine diventi responsive,
ma senza essere ingrandita a tutto schermo,
dato che è solo una piccola immagine ubicata in alto a sinistra,
dove indico le modalità di spedizione gratis ed altre piccole informazioni.
Bisognerebbe riuscire a capire,
ma sinceramente non lo so fare,
come rendere l'immagine responsive,
senza ingrandirla a tutto schermo.
-
prova ad utilizzare le percentuali per width ed height. in questo modo l` immagine occuperà quella percentuali di spazio della finestra del browser
-
Ciao
prova ad aggiungere in fondo ad un css questo
img {
max-width: 100%;
height: auto;
}
Dovrebbe rendere tutte le immagini del sito responsive
-
Grazie.
Adesso provo.
-
Gentile Roberto,
dove dice:
"prova ad utilizzare le percentuali per width ed height. in questo modo l` immagine occuperà quella percentuali di spazio della finestra del browser"
Potrebbe dirimi precisamente il codice che devo aggiungere?
Grazie
-
ciao
un link al sito almeno le prove del css si fanno reali.
-
Certo
Ecco qui:
https://www.venneristock.com/
Grazie.
-
cosa vinciamo se scopriamo l'immagine che non è responsive?
non mi dire che è quella sulla sinistra che e diretta nel body? perche il contenitore del template gli va sopra spero che non sia quella
-
Dato che è solo una piccola immagine in alto a sinistra non è una immagine di sfondo e non devi usare un estensione per background ma piuttosto un modulo personalizzato da inserire in una posizione in alto a sinistra.
-
Grazie.
Scusate, io sono autodidatta.
Dovrei capire se il template permette un posizionamento in alto a sinistra.
Adesso verifico.
Altrimenti provo a crearmi una nuova posizione moduli usando la guida postata pochi giorni fa su questo sito.
-
Non ci sono riuscito.
Non fa niente.
La lascio così, non responsive.
Oppure provo con più calma nei ritagli di tempo.
Grazie lo stesso.