WebSite X5Help Center

 
Daniele P.
Daniele P.
User

Ridimensionamento immagine come sfondo nell'header  it

Autore: Daniele P.
Visite 398, Followers 1, Condiviso 0  

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

Postato il
7 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

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

Leggi di più
Postato il da Giuseppe Guida
Skeggia 12
Skeggia 12
Moderator

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...

Leggi di più
Postato il da Skeggia 12
Daniele P.
Daniele P.
User
Autore

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

Leggi di più
Postato il da Daniele P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Daniele P.
... ... ...  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... ... ... 

... 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Daniele P.
Daniele P.
User
Autore

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

Leggi di più
Postato il da Daniele P.
Mirko Boschetti
Mirko Boschetti
Moderator

forse prima avevi l'anteprima che ti mostrava la cache...ora che si è aggiornata, ti mostra la realtà... wink

Leggi di più
Postato il da Mirko Boschetti