WebSite X5Help Center

 
Fulvio Personeni
Fulvio Personeni
User

Adattamento immagine sfondo con sito responsive  it

Автор: Fulvio Personeni
Просмотрено 1661, Подписчики 2, Размещенный 0  

Buonasera,

sto progettando con Website X5 il mio sito Responsive. Quando vado a visualizzare i vari formati video, lo sfondo della pagina non si adatta ma rimane della stessa grandezza del mio sito visto da pc. C'è un modo per poter adattare questa come gli elementi che ho inserito in griglia?

Размещено
18 Ответы
Mirko Boschetti
Mirko Boschetti
Moderator

letto meglio ora....hai scritto prima immagine che non si adatta, poi parli di video???

Читать больше
Размещено От Mirko Boschetti
Fulvio Personeni
Fulvio Personeni
User
Автор

mi riferisco all'immagine che inserisco come sfondo all'interno della struttura del modello. una volta che vado a visualizzare il sito nelle varie grandezze video questo sfondo non si adatta ma rimane sempre della stessa grandezza vista nella dimesione  a pc

Читать больше
Размещено От Fulvio Personeni
Incomedia
Riccardo P.
Incomedia

Buongiorno Fulvio,

prova a comunicarmi l'url del tuo sito e allega uno screenshot così da poter capire meglio.

Facci sapere.

Читать больше
Размещено От Riccardo P.
Fulvio Personeni
Fulvio Personeni
User
Автор

formato pc

Читать больше
Размещено От Fulvio Personeni
Fulvio Personeni
Fulvio Personeni
User
Автор
Riccardo P.
Buongiorno Fulvio, prova a comunicarmi l'url del tuo sito e allega uno screenshot così da poter capire meglio. Facci sapere.
Читать больше
Размещено От Fulvio Personeni
Fulvio Personeni
Fulvio Personeni
User
Автор

ecco le immagini

Читать больше
Размещено От Fulvio Personeni
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... mancano le immagini, ...ma per poter valutare serve il LINK come richiesto precedentemente...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Incomedia
Riccardo P.
Incomedia

Buongiorno Fulvio,

prova a inserirle nel testo oppure crea un archivio e allegato. Se è ancora troppo grosso puoi usare il servizio: https://wetransfer.com/ e scrivermi il link generato per scaricare il file.

Читать больше
Размещено От Riccardo P.
Fulvio Personeni
Fulvio Personeni
User
Автор

Buongiorno,

il mio problema è il non ridimensionamento dell'immagine della donna che è stata inserita come sfondo nella struttura del modello

Читать больше
Размещено От Fulvio Personeni
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца IT

@Fulvio, per la privacy ho nascosto il link del tuo progetto... che ovviamente è visibile allo STAFF.

per tutti gli altri il link del sito delle prove che ci segnala Fulvio è questo:

http://www.pieffeserigrafia.it/prova/index.php

Читать больше
Размещено От Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Fulvio Personeni
Buongiorno, il mio problema è il non ridimensionamento dell'immagine della donna che è stata inserita come sfondo nella struttura del modello

... si tratta di immagine multi sezione assolutamente inadeguata allo scopo, ed ingovernabile in modalità responsive:  >> questa! ...
...hai a disposizione celle e righe per una struttura congrua del sito; ... puoi scaricare e studiare qualsiasi template presente in Marketplace per imparare a creare una struttura adeguata...
... ora come ora per quella stessa immagine penso che l'unica soluzione sia la stiratura! dell'immagine stessa al 100% W/H con codice EXTRA, deformandola e certo il risultato non sarebbe proprio professionale...

... attendi comunque il parere degli esperti che possono consultare il tuo progetto...

... nota extra: ... visto che hai la v.16_PRO, vedo troppo sbalzo tra il primo e secondo breakpoint (1750px<>720px); ...il sito madre WebSiteX5.Com, da prendere ad esempio come idea per imparare, fa uso di sei breakpoint:  +>1400>< 1200 >< 960 >< 720 >< 480 >-

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Fulvio Personeni
Fulvio Personeni
User
Автор

La "stiratura" dell'immagine come avverrebbe?

Читать больше
Размещено От Fulvio Personeni
Fulvio Personeni
Fulvio Personeni
User
Автор
 ‪ KolAsim ‪ ‪
Fulvio Personeni Buongiorno, il mio problema è il non ridimensionamento dell'immagine della donna che è stata inserita come sfondo nella struttura del modello ... si tratta di immagine multi sezione assolutamente inadeguata allo scopo, ed ingovernabile in modalità responsive:  >> questa! ... ...hai a disposizione celle e righe per una struttura congrua del sito; ... puoi scaricare e studiare qualsiasi template presente in Marketplace per imparare a creare una struttura adeguata... ... ora come ora per quella stessa immagine penso che l'unica soluzione sia la stiratura! dell'immagine stessa al 100% W/H con codice EXTRA, deformandola e certo il risultato non sarebbe proprio professionale... ... attendi comunque il parere degli esperti che possono consultare il tuo progetto... ... nota extra: ... visto che hai la v.16_PRO, vedo troppo sbalzo tra il primo e secondo breakpoint (1750px<>720px); ...il sito madre WebSiteX5.Com, da prendere ad esempio come idea per imparare, fa uso di sei breakpoint:  +>1400>< 1200 >< 960 >< 720 >< 480 >- .

un ulteriore domanda...

io vorrei ottenere il medesimo risultato visto nell'anteprima, è possibile inserire un immagine in griglia sovrapponendola ad un'altra immagine con inserimento testi?

vedi foto riquadri colorati sovrapposti

Читать больше
Размещено От Fulvio Personeni
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Fulvio Personeni
La "stiratura" dell'immagine come avverrebbe?

... vuoi provare...?...

... incolla questa stringa di codice:

<style> #imContentGraphics { background-size: 100% 100%; width:100%} </style>

... nella sezione al >> Passo 3 - Mappa > Finestra Proprietà Pagina > Le opzioni della Sezione EspertoCodice personalizzato | ▼-Prima della chiusura del tag HEAD

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... avrai un grande monitor, ma dovresti rivederei breakpoint e la posizione degli ogetti ai vari breakpoint; ...questo è quel che si vede alla risoluzione di 1280px, una delle più usate:

,

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Incomedia
Riccardo P.
Incomedia

Buongiorno Fulvio,

ho riabilitato il messaggio perchè il file contiene solo screenshot e non il progetto.

Nel tuo sito hai inserito una immagine di sfondo http://www.pieffeserigrafia.it/prova/style/sfondo.jpg molto grossa e non ottimizzata per il responsive.

Una soluzione potrebbe essere quella di "spezzare" questa immagine di sfondo in più immagini da usare come sfondo delle celle in questo modo potrai poi sistemarle meglio per le varie visualizzazioni.

Una divisione simile a:

E usare gli oggetti al passo 4 inserendo le varie immagini con lo stile cella con l'opzione adatta al contenuto della finestra:

Puoi anche suddividere le immagini di sfondo a "strisce" es:

E usare poi lo stile riga abilitando "adatta al contenuto della finestra" (puoi anche inserire degli oggetti vuoti per fare spazio e inserire solo lo sfondo in stile riga):

Inoltre per migliorare anche l'indicizzazione i testi andrebbero inseriti con gli oggetti appositi e non fonderli nello sfondo.

Spero di esserti stato utile.

Читать больше
Размещено От Riccardo P.