Sfondo pagina
Autore: LISLI R.
Visite 2342,
Followers 2,
Condiviso 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
Postato il
... 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...
.
Autore
Ciao
scusami ma cosa devo scrivere al posto del comando url(https://cdn.pixabay.com/photo/2017/01/31/22/55/bank-2027944__340.jpg) per individuare la mia foto....
Per ora cmq Grazie
;-)
url(files/tuafoto.jpg) e alleghi la stessa foto nella sezione esperto, in basso, specificando la cartella di destinazione in "files"...
... 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
.
... ... grazie, mi ha correttamente anticipato Skeggia ...
Autore
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.
:-(
... 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/it/post/197180
.
Devi usare immagini di dimensioni adeguate se vuoi utilizzare la funzione "Adatta al contenuto della finestra" in Stile Righe/Immagine/Disposizione (vedi screenshot sotto)...
Autore
In effetti non avevo immagini con proporzioni adeguate.
Grazie per a tutti per gli interventi.
... ma! ...rispetto allo sfondo pagina...!?... ...
... invece, sulle mie ultime due domande, tanto per avere un riscontro dai tuoi dispositivi, che risultato avevi ottenuto...?...
ciao
.
Autore
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 rimane...mi perseguita penso che ormai non lo risolverò più....
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/
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
Scarica magari le immagini da pixabay che sono quelle che usa website, dal sito puoi scegliere anche il formato!!!
... non per niente e logicamente avevo espresso il mio precedente dubbio...
... 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......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...
.
Autore
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??????.....
Autore
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??????
... 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!!!)
.
Autore
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!
... lo so, è difficile da capire, ma tutto sta nel concetto espresso in fondo al precedente post......
... 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...!?...
.
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...
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.