Immagine di sfondo responsive

[Guido Sica]

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.

[maicolstaip]

Ciao Guido Sica,
ho visto uno che ha risolto mettendo questo in un css

Codice: [Seleziona]

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!

[Guido Sica]

Grazie.
Adesso ci provo.

[Guido Sica]

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.

[roberto.c87]

prova ad utilizzare le percentuali per width ed height. in questo modo l` immagine occuperà quella percentuali di spazio della finestra del browser

[maicolstaip]

Ciao
prova ad aggiungere in fondo ad un css questo

Codice: [Seleziona]

img {
   max-width: 100%;
   height: auto;
}
Dovrebbe rendere tutte le immagini del sito responsive

[Guido Sica]

Grazie.
Adesso provo.

[Guido Sica]

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

[conti1]

ciao
un link al sito almeno le prove del css si fanno reali.

[Guido Sica]

Certo
Ecco qui:

https://www.venneristock.com/
Grazie.

[conti1]

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

[tomtomeight]

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.

[Guido Sica]

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.

[Guido Sica]

Non ci sono riuscito.
Non fa niente.
La lascio così, non responsive.
Oppure provo con più calma nei ritagli di tempo.
Grazie lo stesso.