Autore Topic: Immagine di sfondo responsive  (Letto 256 volte)

Offline Guido Sica

  • Nuovo arrivato
  • *
  • Post: 48
  • Sesso: Maschio
    • Mostra profilo
Immagine di sfondo responsive
« il: 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.

Offline maicolstaip

  • Global Moderator
  • Instancabile
  • ********
  • Post: 17334
  • Sesso: Maschio
    • Mostra profilo
    • https://www.hoteledelweiss.net/
Re:Immagine di sfondo responsive
« Risposta #1 il: 20 Mar 2017, 18:03:26 »
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!
Non si risponde a PM tecnici. Postate sul forum. Grazie.

Offline Guido Sica

  • Nuovo arrivato
  • *
  • Post: 48
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di sfondo responsive
« Risposta #2 il: 21 Mar 2017, 15:17:19 »
Grazie.
Adesso ci provo.

Offline Guido Sica

  • Nuovo arrivato
  • *
  • Post: 48
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di sfondo responsive
« Risposta #3 il: 21 Mar 2017, 15:20:52 »
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.

Offline roberto.c87

  • Esploratore
  • **
  • Post: 91
    • Mostra profilo
Re:Immagine di sfondo responsive
« Risposta #4 il: 21 Mar 2017, 20:47:57 »
prova ad utilizzare le percentuali per width ed height. in questo modo l` immagine occuperà quella percentuali di spazio della finestra del browser

Offline maicolstaip

  • Global Moderator
  • Instancabile
  • ********
  • Post: 17334
  • Sesso: Maschio
    • Mostra profilo
    • https://www.hoteledelweiss.net/
Re:Immagine di sfondo responsive
« Risposta #5 il: 22 Mar 2017, 12:04:03 »
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
Non si risponde a PM tecnici. Postate sul forum. Grazie.

Offline Guido Sica

  • Nuovo arrivato
  • *
  • Post: 48
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di sfondo responsive
« Risposta #6 il: 22 Mar 2017, 15:20:42 »
Grazie.
Adesso provo.

Offline Guido Sica

  • Nuovo arrivato
  • *
  • Post: 48
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di sfondo responsive
« Risposta #7 il: 22 Mar 2017, 15:48:28 »

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

Offline conti1

  • Global Moderator
  • Instancabile
  • ********
  • Post: 8786
  • Sesso: Maschio
    • Mostra profilo
    • sito delle prove
Re:Immagine di sfondo responsive
« Risposta #8 il: 22 Mar 2017, 17:35:59 »
ciao
un link al sito almeno le prove del css si fanno reali.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline Guido Sica

  • Nuovo arrivato
  • *
  • Post: 48
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di sfondo responsive
« Risposta #9 il: 22 Mar 2017, 18:36:49 »
Certo
Ecco qui:

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


Offline conti1

  • Global Moderator
  • Instancabile
  • ********
  • Post: 8786
  • Sesso: Maschio
    • Mostra profilo
    • sito delle prove
Re:Immagine di sfondo responsive
« Risposta #10 il: 22 Mar 2017, 23:07:00 »
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
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 27218
  • Sesso: Maschio
  • Chi si specializza muore.
    • Mostra profilo
    • Xataface Italia
Re:Immagine di sfondo responsive
« Risposta #11 il: 23 Mar 2017, 07:26:40 »
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.
NEWS DataGrill Xataface Installer (Ver. 1.0.0) per Joomla 3.6 ed un Esempio Applicazione Bblioteca

Offline Guido Sica

  • Nuovo arrivato
  • *
  • Post: 48
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di sfondo responsive
« Risposta #12 il: 23 Mar 2017, 15:36:27 »
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.

Offline Guido Sica

  • Nuovo arrivato
  • *
  • Post: 48
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di sfondo responsive
« Risposta #13 il: 23 Mar 2017, 15:53:04 »
Non ci sono riuscito.
Non fa niente.
La lascio così, non responsive.
Oppure provo con più calma nei ritagli di tempo.
Grazie lo stesso.

 

Torna su