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

Autore: Florinda S.
Visite 984, Followers 1, Condiviso 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

Postato il
20 RISPOSTE
Florinda S.
Florinda S.
User
Autore

AGGIUNGO LINK DEL SITO  www.eben-ezer.it

Leggi di più
Postato il da Florinda S.
Alex *.
Alex *.
User

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

Leggi di più
Postato il da 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 ...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Utente del mese IT

OT: correggi qui:

Leggi di più
Postato il da Claudio D.
Florinda S.
Florinda S.
User
Autore

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,

Leggi di più
Postato il da 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Florinda S.
Florinda S.
User
Autore

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

Leggi di più
Postato il da Florinda S.
Claudio D.
Claudio D.
Moderator
Utente del mese IT

OT:

correggi anche qui:

Leggi di più
Postato il da 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...

.

Leggi di più
Postato il da  ‪ 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à.

Leggi di più
Postato il da Riccardo P.
Florinda S.
Florinda S.
User
Autore

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

Leggi di più
Postato il da Florinda S.
Florinda S.
Florinda S.
User
Autore

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? 

Leggi di più
Postato il da 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à...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Alex *.
Alex *.
User

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

Leggi di più
Postato il da Alex *.
Florinda S.
Florinda S.
User
Autore

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

Leggi di più
Postato il da 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Florinda S.
Florinda S.
User
Autore

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 

Leggi di più
Postato il da 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)...
.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Florinda S.
Florinda S.
User
Autore

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

Leggi di più
Postato il da Florinda S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪