WebSite X5Help Center

 
LISLI R.
LISLI R.
User

Sfondo pagina  it

Auteur : LISLI R.
Visité 2285, Followers 2, Partagé 0  

Ho inserito un file immagine nella proprietà di una pagina nella sezione "Sondo del sito solo per questa pagina" abilitando le impostazioni personalizzate e scegliendo come disposizione 5 (adatta al contenuto della finestra).

Quando faccio l'anteprima mi fa vedere la foto ridimensionata per ogni tipo di visualizzazione desktop, tra 1149 e 720, tra 719 e 480 ed inferiore a 480, ma quando apro il sito con il mio smartphone la foto dello sfondo per quella pagina non è ridimensionata, ma appare molto grande e molto sgranata.

Come devo fare?

Grazie

Posté le
21 RéPONSES - 2 UTILE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ci sarebbero le mie invenzioni, cross browser / cross mobile, e nel caso se ne riparlerà dopo...

... intanto, prova ad incollare questo codice nel pannello ESPERTO | Codice personalizzato | opzione: prima della chiusura di </HEAD>

<style> html{ background: url(https://cdn.pixabay.com/photo/2017/01/31/22/55/bank-2027944__340.jpg) ; background-position: center center; background-repeat: no-repeat;height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} </style>

... dovresti vedere >> questa  immagine di sfondo, ...e che si dovrebbe ridimensionare proporzionalmente centro/centro sulla priorità W/H...

... prova con vari  browser e con vari dispositivi "mobile" in quanto alcuni sono obsoleti...

.



Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Skeggia 12
Skeggia 12
Moderator

url(files/tuafoto.jpg) e alleghi la stessa foto nella sezione esperto, in basso, specificando la cartella di destinazione in "files"...

Lire plus
Posté le de Skeggia 12
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se postavi il tuo link potevo individuare la posizione delle tua immagine, non potendo verificare nel programma che non ho...

... se quel codice che ti ho postato ha funzionato correttamente, allora potresti fare così:

1) ... al > Passo_1 | ESPERTO | ALLEGATI > allega la tu immagine, "nomeimmagine.jpg" lasciando "files" come destinazione proposta per default;

2) ... quella stringa di codice che hai postato la modificherai in così:

url(files/nomeimmagine.jpg)

... dovrebbe funzionarti anche in anteprima, ...ed anche con l'esportazione in rete...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... surprised ... grazie, mi ha correttamente anticipato Skeggia  ... wink

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
LISLI R.
LISLI R.
User
Auteur

Grazie a tutti e due ma mentre sul programma vedo  che lo sfondo visualizzato come smartphone viene ridimensionato quando uso lo smartpone vedo lo sfondo ingrandito esageratamente e la foto viene tutta sfumata ed incomprensibile.

:-(

Lire plus
Posté le de LISLI R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... questo avviene anche con la mia immagine precedente...?... ...e con il codice precedente...?... (*)

... potresti postare il LINK anche di una semplice prova esportando su Altervista...

... (*) ... atrimenti poi nel caso si dovrebbe provare con le mie personali alternative anticipate nel mio primo post...

... però leggi anche quanto verificato da Giorgio  recentemente qui:   https://helpcenter.websitex5.com/fr/post/197180

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Devi usare immagini di dimensioni adeguate se vuoi utilizzare la funzione "Adatta al contenuto della finestra" in Stile Righe/Immagine/Disposizione (vedi screenshot sotto)...

Lire plus
Posté le de Giuseppe Guida
LISLI R.
LISLI R.
User
Auteur

In effetti non avevo immagini con proporzioni adeguate.

Grazie per a tutti per gli interventi.

Lire plus
Posté le de LISLI R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
LISLI R.
 In effetti non avevo immagini con proporzioni adeguate. ... ... 

... ma! ...rispetto allo sfondo pagina...!?... undecided...

... invece, sulle mie ultime due domande, tanto per avere un riscontro dai tuoi dispositivi, che risultato avevi ottenuto...?...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
LISLI R.
LISLI R.
User
Auteur

Ciao KolAsim, 

sono proprio in crisi con il mio progetto, non credevo fosse così impostare una foto per lo sfondo che rimanesse visibile.

Fatto sta che ora sono tornata alla situazione di partenza impostando come foto per lo sfondo una di quelle che mette a disposizione la galleria di Website ma il problema rimaneyell...mi perseguita penso che ormai non lo risolverò più....cry

Ho provato con diversi smartphone ma il risultato è lo stesso viene sgranata fino a divenire incomprensibile mentre invece in anteprima del programma io la vedo bene.

mando il link del sito

P.s. con PC si vede bene il problema è visualizzarlo da smartphone.

forse qualcuno mi può aiutare...o come devo fare per ricevere assistenza dagli sviluppatori del programma?

Grazie

http://www.ftcasavacanze.it/

Lire plus
Posté le de LISLI R.
Giuseppe Guida
Giuseppe Guida
User

Lisli, devi usare immagini con larghezza di almeno 1920px e altezza adeguata (altezza non meno di 700/800 px di solito, le tue sono di 960px e vanno bene in altezza). Le tue immagini hanno larghezza 1280px, usa immagini di 1920 x 960 px

Lire plus
Posté le de Giuseppe Guida
Davide T.
Davide T.
User

Scarica magari le immagini da pixabay che sono quelle che usa website, dal sito puoi scegliere anche il formato!!!

Lire plus
Posté le de Davide T.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
LISLI R.
Ciao KolAsim,  sono proprio in crisi con il mio progetto, non credevo fosse così impostare una foto per lo sfondo che rimanesse visibile. ... ... ...

... non per niente e logicamente avevo espresso il mio precedente dubbio...cool

... vedo che non hai applicato il mio codice per essere valutato...

... e non hai risposto alle precedenti domande per avere un riferimento su cui orientarsi...

... poi, se sei attento ed attivo, si potrebbero provare anche le mie invenzioni basate sul DIV_CUSTOM+IFRAME, ...valide al 100%, ...e facilissime da usare con un copia/incolla...

... se aiuti per essere aiutato, OK,  e ci risentiremo; ... ...altrimenti da parte mia (che non ho il programma!)  allora come non detto e andrò altrove; ...nel caso resta pur in attesa degli esperti...wink...ciao.

...................

... nota: ...non sei il solo che lo fa, ma non ha senso cambiare immagini alle varie risoluzioni se non si presta attenzione alle misure e peso che dovrebbero essere congrue al breakpoint di riferimento;...più in basso vai di risoluzione e più piccole e leggere dovrebbero essere...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
LISLI R.
LISLI R.
User
Auteur
Giuseppe Guida

Lisli, devi usare immagini con larghezza di almeno 1920px e altezza adeguata (altezza non meno di 700/800 px di solito, le tue sono di 960px e vanno bene in altezza). Le tue immagini hanno larghezza 1280px, usa immagini di 1920 x 960 px

[/quote

Adesso ho provato come dice Giuseppe Guida ed ho scelto sul sito pixabay una foto 1920X1285 ma il problema persiste.

E forse non mi sono spiegata bene, non solo il programma non ridimensiona la foto ma se apro le varie pagine del sito la foto dello sfondo si ingrandisce sempre più fino a sgranare completamente (questo problema ovviamente come ho detto lo riscontro da tutti gli smartphone con cui ho fatto la prova).

Riguardo le considerazioni di KolAsim ‪io ho provato come ha detto lui anzi è da quando ho incollato il codice da lui consigliato nella pagina ESPERTO che ho riscontrato il problema che la foto veniva ingrandita sempre più ogni successiva pagina andavo ad aprire....

Ma voi non riscontrate il problema che riscontro io??????.....

Lire plus
Posté le de LISLI R.
LISLI R.
LISLI R.
User
Auteur

Adesso ho provato come dice Giuseppe Guida ed ho scelto sul sito pixabay una foto 1920X1285 ma il problema persiste.

E forse non mi sono spiegata bene, non solo il programma non ridimensiona la foto ma se apro le varie pagine del sito la foto dello sfondo si ingrandisce sempre più fino a sgranare completamente (questo problema ovviamente come ho detto lo riscontro da tutti gli smartphone con cui ho fatto la prova).

Riguardo le considerazioni di KolAsim ‪io ho provato come ha detto lui anzi è da quando ho incollato il codice da lui consigliato nella pagina ESPERTO che ho riscontrato il problema che la foto veniva ingrandita sempre più ogni successiva pagina andavo ad aprire....

Ma voi non riscontrate il problema che riscontro io??????

Lire plus
Posté le de LISLI R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
LISLI R.
...[...]... ... Riguardo le considerazioni di KolAsim ‪io ho provato come ha detto lui anzi è da quando ho incollato il codice da lui consigliato nella pagina ESPERTO che ho riscontrato il problema che la foto veniva ingrandita sempre più ogni successiva pagina andavo ad aprire.... ... 

... ma non si è visto e non si può valutare; ...in tanti hanno risolto le loro personali e diverse aspettative con le mie invenzioni (*)....(**)...
... e >> qui  vedi l'esempio con la mia stessa precedente immagine applicata con una delle mie prime invenzioni (div_custom+iframe), da provare su quei cosini; ...se si è in grado di valutare vale le più di 100 parole...(***)
(*) - EXTRA, alla portata di tutti coloro che sappiano fare un copia/incolla e seguire il relativo e semplice suggerimento del caso...
(**) - non avendo io il programma, e trattandosi di soluzioni EXTRA, occorre conoscere bene il programma ed una partecipazione attenta ed attiva...
(***) - ...!... se non ti interessasse e vuoi risolvere da programma con altri suggerimenti da parte di altri, ignora quanto detto e non replicare in merito, capirò...

=======================================

...OK... nella tua pagina attuale, lo sfondo visto da desktop ha un comportamento regolare (cover; fisso con resize ratio C/C|W/H), conforme alla mia prima invenzione in assoluto...
...!... invece, ...vedendo la tua pagina sul mio mini-tablet-Android+Chrome, lo sfondo non è fisso, ma scrolla con la pagina (contrariamente al mio esempio!), ed ovviamente, per occupare tutta la luce della pagina l'immagine viene ridimensionata a tutta pagina, per cui in base all'altezza di ogni pagina rispetto allo sviluppo dei contenuti lo sfondo assumerà rapporti di zoom diversi;
... è un concetto che spiego da anni, ma non chiaro a tanti, e che presento simbolicamente schematizzato in questa immagine (che vale più di 100 parole):

... il resto dipenderà da te ... (> clone  parziale-temporaneo!!!)

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
LISLI R.
LISLI R.
User
Auteur

Ti ringrazio KolAsim

ho visto tuoi esempi ed in effetti sullo smartphone rimane sempre come sfondo un particolare centrale della foto e per fotografie che non hanno al centro particolari che possano adattarsi risulta impossibile utilizzarle come sfondo...quindi in effetti è una funzione che non funziona.

L'unico mio rammarico che avrebbe evitato tanta perdita di tempo è solo questo:

E MI RIVOLGO AGLI SVILUPPATORI DEL PROGRAMMA CHE SPERO LEGGANO

Come mai quando si costruisce il sito nelle anteprime delle varie risoluzioni si vede un risultato diverso da quello reale?

Perchè io quando facevo le anteprime vedevo come sfondo la mia foto riadattata in maniera corretta, poi invece on line era tutto diverso....

E' questo il problema principale che fa perdere tanto tempo.

Altrimenti sapete come faccio per comunicare con gli svilupaptori del programma?

Grazie in anticipo a tutti per la pazienza!

Lire plus
Posté le de LISLI R.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
LISLI R.
Ti ringrazio KolAsim ho visto tuoi esempi ed in effetti sullo smartphone rimane sempre come sfondo un particolare centrale della foto e per fotografie che non hanno al centro particolari che possano adattarsi risulta impossibile utilizzarle come sfondo...quindi in effetti è una funzione che non funziona. ... ... ... ...

... lo so, è difficile da capire, ma tutto sta nel concetto espresso in fondo al precedente post...laughing...

... nel caso, avresti qualche risultato differente da postare ad esempio, magari di un esempio o pagina esistente in rete che faccia quel che pensi dovrebbe fare...!?...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT
LISLI R.
Come mai quando si costruisce il sito nelle anteprime delle varie risoluzioni si vede un risultato diverso da quello reale?

ogni browser utilizza un motore diverso di rendering della pagina.

Non per giustificare il programma Website, ma purtroppo non è facile generare un codice che vada al 100% con tutti...

...per non parlare poi dei browser dei cellulari...

dove , sarebbe consigliato usare Chrome per avere un visione buona di tutti i siti, ma ovviamente ognuno usa quello che si ritrova installato su... specialmente su Iphone e simili...

Lire plus
Posté le de Claudio D.
Incomedia
Riccardo P.
Incomedia

Buongiorno LISLI,

per l'anteprima potrebbe dipendere anche dal pc, vorrei però analizzare meglio la situazione.

Ti chiedo per favore di allegarmi degli screenshot di quello che vedi nel programma, in anteprima e online così da poter capire meglio.

Inviami poi qui il file .iwzip del progetto così da poter verificare. Puoi usare il servizio: https://wetransfer.com/

scrivendomi qui l'url per il download e mettendo il topic come privato.

Fammi sapere.

Lire plus
Posté le de Riccardo P.