Ridimensionamento immagine come sfondo nell'header
Автор: Daniele P.buona sera,
ho cominciato ad adoperare da poco il programma versione pro e ho un problema che non riesco a risolvere.
Vorrei inserire una immagine nell'header che sia ottimizzata per i vari dispositivi e che abbia come larghezza estesa per la dimensione della finestra.
Ho provato un due modi ma in entrambi la dimensione dell'immagine non si adatta al dispositivo controllando nella fase "anteprima".
Ho provato inserendo come immagine di fondo in "struttura e modello" con la spunta "estendi..."
e ho provato anche inserendo l'immagine attraverso "contenuto del modello", in questo caso l'immagine non si estende per tutta la larghezza della finestra.
In entrambi i casi, passando da desktop 1900 nel mio caso fino a cell la dimensione dell'immagine rimane la stessa e quindi visibile solo parzialmente.
C'è una soluzione?
Grazie in anticipo
... io attualmente non ho il programma per entrare nel merito, ...ma penso che ti basterebbe sperimentare e valutare direttamente le varie opzioni disponibili, magari consultando la Guida (F1)...
... da parte mia posso aggiungere, che quando avrai la versione regolare del programma, ed avrai esportato in rete una pagina/progetto di esempio postandone il LINK, poi potrei proporti qualcuno dei miei escamotages esclusivi...
.
Potresti provare ad utilizzare un header fittizio sostituendolo con la prima riga (o le prime due o tre righe concatendandole) della griglia di impaginazione di Website ed inserendo l'immagine (o anche più immagini scorrevoli in "Elenco Immagini") nello "Stile Righe" di Website X5. Poi "sopra" a quella/e immagine/i dello Stile Righe ci posizioni altri oggetti (io ho inserito un oggetto testo e un pulsante cliccabile) ed ottieni un effetto simile ad un header..
Io ho utilizzato "Elenco immagini" (con immagini di 1920x1600 px) nello "Stile Righe" di Website X5 ed ho ottenuto questo:
http://www.bozzasito001.altervista.org/stilerighe01/stile-righe-responsive.html
Ciao
molto semplicemente...
poniamo che il tuo sito sia 1920px...
inserisci una immagine a 1920px e di altezza adeguata al tuo header nella risoluzione 1920...
passa con la barra a sinistra alla risoluzione inferiore...
ridimensiona l'immagine a detta risoluzione...
e così via per le altre risoluzioni inferiori...
verifica il risultato...
Автор
Ho fatto delle prove seguendo i suggerimenti ma non nel levo le gambe... c'è qualcosa che mi sfugge
ho eliminato l'header perchè il progetto è destinato ad una landing page
1 prova:
sono andato in Pagine, inserito una immagine, messo estendi e ridimensionamento automatico, ma l'immagine non si estende per la larghezza della finestra (ris. 1920x)
2 : sono andato in stile righe. Se non inserisco un oggetto non si apre. Se inserisco la stessa immagine mi appare due volte, una estesa e quella sopra ridotta (da pagine). Se inserisco un testo in da pagine mi appare il testo e l'immagine inserita in Stile Righe come sfondo è estesa ma ridotta di altezza pari a 1 cm circa...
Cosa mi sfugge?
l'intento è quello di inserire una immagine estesa per la larghezza della finestra, senza margini laterali, anche senza inserire niente in sovrapposizione a quella immagine...
Grazie a chi mi fa chiarezza
... nel caso della riga, per l'immagine devi usare lo sfondo della riga, e nella riga inserire un Oggetto Testo vuoto, con dei ritorni a capo per aumentare l'altezza della riga, oppure inserire un Oggetto Codice HTML vuoto al quale imposti il valore dell'altezza che vuoi...
.
Автор
Il problema l'ho risolto... a dire il vero non so come sia successo, dato che mi pare di aver fatto le stesse cose di prima ed è di una semplicità disarmante... ma i problemi di prima non sono ricomparsi
1 - Creazione pagina
2 - inserimento foto e caricamento file
3 - in visualizzazione inserito "ridimensionamento immagine"
4 - estendi
5 - azzerato tutti i margini
e il gioco è fatto...
mentre prima l'immagine non si ridimesionava adesso:
compare l'immagine intera per l'intera larghezza della finestra e altezza, inoltre si ridimensiona esattamente in proporzione per ogni dispositivo, secondo l'anteprima.
Non ho idea perchè prima non mi funzionava...
Grazie cmq a tutti per le risposte e gli spunti costruttivi perchè mi hanno fatto arrivare alla soluzione
forse prima avevi l'anteprima che ti mostrava la cache...ora che si è aggiornata, ti mostra la realtà...