WebSite X5Help Center

 
Florinda S.
Florinda S.
User

Non riesco a far ridimensionare l eimmagini di sfondo sui dispositivi mobile, in particolare su questo sito www.eben-eze  it

Author: Florinda S.
Visited 993, Followers 1, Shared 0  

ho realizzato questo siti di recente ma non riesco in nessun modo a far ridimensionare le foto di sfondo su nessun dispositivo mobile, anche su tablet da 10" il problema si presenta in modo sgradevole

Posted on the
20 ANSWERS
Florinda S.
Florinda S.
User
Author

AGGIUNGO LINK DEL SITO  www.eben-ezer.it

Read more
Posted on the from Florinda S.
Alex *.
Alex *.
User

al passo 3 - Proprietà di Pagina e impostato così?

Read more
Posted on the from Alex *.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Florinda S.
AGGIUNGO LINK DEL SITO  www.eben-ezer.it

... prova  e verifica il suggerimento di Alex, ... non avendo io attualmente il programma per entrare nel merito...

... e se poi non ottieni il risultato voluto, e se ti interessa provare con codice EXTRA, potresti provare la mia invenzione con il mio noto DIV_CUTOM "tuttofare", ...e nel caso quindi fatti risentire, ...altrimenti come non detto ...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator

OT: correggi qui:

Read more
Posted on the from Claudio D.
Florinda S.
Florinda S.
User
Author

ringrazio claudio per la correzione ortografica, allego screnn del settaggio ma era già come foto di Alex. ho provato vari tentativi e su diversi template ma sto cavolo di problema si ripresenta. Chiedo a KolAsim un maggiore chiarimento su come inserire il suo codice,

Read more
Posted on the from Florinda S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Florinda S.
... ...  Chiedo a KolAsim un maggiore chiarimento su come inserire il suo codice,

... visto che ne sei interessato ti stupirai, un copia/incolla; ...ti propongo una delle mie varianti inventate ben due lustri fa per realizzare il primo sfondo animato in assoluto...

... per lo sfondo della pagina HOME/INDEX (*) incolla il codice a seguire in questa sezione:

>> Passo 3 - Mappa > Proprietà Pagina > Sezione Esperto | Codice personalizzato | opzione: Prima della chiusura del tag BODY

... codice:

<div id="Div_CustomK" style="z-index:-1;position:fixed;top:0px;left:0px;margin: 0; padding: 0;width:100%;height:100%; background: url('http://www.eben-ezer.it/images/x-home-page2.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;"> </div>
<script> document.getElementById("imPageExtContainer").style.backgroundImage = "none";
</script>

--------------------

(*) - per le altre pagine dovresti semplicemente modificare l'URL dell'immagine relativa...

... non avendo io il programma e non potendo provare, ...fai tu le prove sui vari browser e dispositivi mobile per accertarti della validità o meno del mio codice; ...in teoria dal risultato dei suggerimenti dati in altri topic, per lo sfondo della pagina dovrebbe funzionarti ad hoc...

... quando avrai fatto la prova, nel caso avvia per controllare...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Florinda S.
Florinda S.
User
Author

ho inserito il codice ma non funziona, puoi controllare tu cosa ho sbagliato

Read more
Posted on the from Florinda S.
Claudio D.
Claudio D.
Moderator

OT:

correggi anche qui:

Read more
Posted on the from Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Florinda S.
ho inserito il codice ma non funziona, puoi controllare tu cosa ho sbagliato

... hai inserito il codice prima della chiusura del tag HEAD, ...ed invece dovevi fare come avevo detto prima, cioè:

>> opzione: Prima della chiusura del tag BODY 

... riprova e fai sapere...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Incomedia
Riccardo P.
Incomedia

Buongiorno Florinda ,

prova a seguire i consigli che ti hanno dato gli altri utenti e fammi sapere se hai ancora difficoltà.

Read more
Posted on the from Riccardo P.
Florinda S.
Florinda S.
User
Author

ok mo ci provo, comunque siete fantastici un vero aiuto grazie mille

Read more
Posted on the from Florinda S.
Florinda S.
Florinda S.
User
Author

ho fatto come mi avete detto ma mi sembra che si sia ridimensionata di pochissimo, di certo non come speravo, inoltre vi chiedo la seconda immagine che vedete ossia quella della sala interna con il mazzo di fiori, questa per adattarla devo usare lo stesso codice e se si dove lo devo inserire? 

Read more
Posted on the from Florinda S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Florinda S.
ho fatto come mi avete detto ma mi sembra che si sia ridimensionata di pochissimo, di certo non come speravo, ... ... 

... per lo SFONDO del SITO l'effetto della mia invenzione la noterai sul dispositivo "mobile" ed è notevole rispetto a prima; ...puoi confrontare con le altre pagine...
... ovviamente devi conoscere il concetto del CSS COVER: resize-ratio, C/C, priorità W/H...
... l'immagine adatta allo scopo devi saperla scegliere tu; forse in rapporto (1:1) oppure in (4:3) potrebbe risultare più adatta, ma dipende dall'orientamento della finestra...
...
... per il resto, non avendo il programma non posso entrare nel merito delle altre problematiche relative alla v.2019; ... intanto puoi provare con immagini quadrate; ...sino alla v.16 potevo controllare liberamente tutti gli elementi EXTRA; ....quando e se avrò il programma nel caso da parte mia se ne riparlerà...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Alex *.
Alex *.
User

scusate ma non mi permette di commentare nella pagina dei siti pubblicati da Florinda...

Read more
Posted on the from Alex *.
Florinda S.
Florinda S.
User
Author

io penso che andrebbe inserita già nel programma questa funzione di adattamento, per rispondere a KolAsim, noto veramente poco la differenza su dispositivo mobile, come certo tu avrai fatto dal tuo smartphone. Suggerirei ali sviluppatori del programma di inserire questa funzione nei prossimi aggiornamenti, credo che come me altri hanno lo stesso problema

Read more
Posted on the from Florinda S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Florinda S.
... ... noto veramente poco la differenza su dispositivo mobile, come certo tu avrai fatto dal tuo smartphone. ... ...

... infatti come detto prima e che ripeto, invece per me la differenza è notevole; ...per l'aspetto che prende, dipende dalla tua immagine (23:8)!  che andrebbe scelta in modo congruo nei rapporti detti prima, e dal concetto COVER! che vedi in questo mio esempio  (4:3)!  ed in questa mia immagine esplicativa:

... per il resto il problema dipende non dal programma ma dalle lacune di alcuni browser di alcuni dispositivi mobile...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Florinda S.
Florinda S.
User
Author

proverò a sostituire la foto in una con formato 4:3 ma il la testo da pc e fa lo stesso problema, ad ogni modo chiedo almeno come fare a rimpicciolire quella con il mazzo di fiori che si trova sempre nella home page 

Read more
Posted on the from Florinda S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Florinda S.
... ... ... chiedo almeno come fare a rimpicciolire quella con il mazzo di fiori che si trova sempre nella home page 

...[rimpicciolire] ...!?!...

... forse non ci siamo capiti, o meglio forse non ho capito io se tu hai capito, ed il "rimpicciolire" mi ha fatto sorgere il dubbio...
... come detto prima esiste il metodo tradizionale "resize-ratio", ...per intenderci lo stesso effetto di questo >esempio  al ridimensionamento della finestra del browser; in questo caso bisognerebbe cambiare totalmente metodo di approccio rispetto al mio precedente codice...!...
... invece con il mio precedente codice con effetto COVER l'aspetto dipende dall'orientamento dalla finestra ospite; potrebbe o non potrebbe esserci un "rimpicciolimento"; per esempio su uno smartphone in verticale l'immagine zoommerebbe in avanti, ed in uno smartphone in orizzontale l'immagine zoommerebbe indietro, e che avresti potuto notare sia applicando il mio codice e sia dal link del precedente post...

... ... ... ... per quanto riguarda la riga con lo sfondo del mazzo di fiori, si potrebbe tentare ad applicare la mia precedente invenzione o in una delle mie varianti, e quindi con gli stessi effetti COVER, ma ci vorrebbe nel caso la tua partecipazione presente ed attiva sempre se ti interessa e se è quello che stai cercando di ottenere, visto che a quanto pare non ne sei tanto convinto...

... comunque, senza strafare, e senza codici extra, come detto già in precedenza potresti ottenere un buon risultato con immagini quadrate in (1:1), oppure in (4:3)...
.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Florinda S.
Florinda S.
User
Author

Kol chiedo scusa se non mi sono spiegato, ma come detto in precedenza se provi a vedere il sito in questione su uno smartphone ti accorgi che la foto rimane grande come pure quella con il mazzo di fiori, è questo il mio problema

Read more
Posted on the from Florinda S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... questo è quello che vedo io e che spiega quanto detto:

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪