WebSite X5Help Center

 
Pierfilippo P.
Pierfilippo P.
User

Adattamento sito a monitor di dimensioni diverse  it

Author: Pierfilippo P.
Visited 573, Followers 1, Shared 0  

SALVE A TUTTI. Sto usando websiteX 5 PRO, acquistata da pochissimi giorni.

Vorrei che il mio sito fosse adattabile a tutte le diverse dimensioni dei monitor. Qunidi al Punto 2 Modello, ho dovuto mettere la spunta a "Sito desktop" e non al sito responsive.

Con questa scelta devo rinunciare ad un sito responsive? Ci sono alternative?

Oppure, imposto i breakpoint per 3840x2160 (televisione 4K), 2160x1620 (IPad Full HD), 1920x1080 (monitor PC quadrato), 1536x2048 IPad, 1125 x 2436 (smartphone 2), 1440x2960 (smartphone 1), 720x1480. Con questo sistema il sito dovrebbe, da solo, adattarsi ai monitor dei diversi strumenti (tv, tablet, smartphone, o no?)

Che ne dite? Cosa mi consigliate? Sono corretti i breakpoint? Ne devo aggiungere altri? Quali?

GRAZIE A TUTTI

Posted on the
24 ANSWERS
Fabio C.
Fabio C.
User

Con la versione Pro hai diversi breakpoint a disposizione da poterti sbizzarrire, fanne quanti ne hai bisogno ma non sovrapporli come hai indicato nei tuoi esempi, i breackpoint di WX seguono la logica da->a e includono tutte le misure di passaggio in larghezza.

Read more
Posted on the from Fabio C.
Claudio D.
Claudio D.
Moderator
Best User of the month IT

hai la versione PRO... quindi hai a disposizione 10 breakpoint

io metto sempre un breakpoint a 320 che è il minimo ...

poi dipende un po' da quello che ti serve...

PS: il massimo impostabile è 1940

per gli altri vedi tu...

Read more
Posted on the from Claudio D.
Pierfilippo P.
Pierfilippo P.
User
Author

Ci sto lavorando, per ora sto sistemando il tutto a 1920px. In televisione funziona. Domani faccio le latre prove.

GRAZIE

Read more
Posted on the from Pierfilippo P.
Pierfilippo P.
Pierfilippo P.
User
Author

Ciao Claudio, allora ho fatto le mie prove tutto okkei, o quasi.

Se mando il mio sito su un monitor 4K mi rimangono le fasce bianche ai lati. Il  breakpointmassimo impistabile come dici tu è 1940.

Esite un modo per vederlo su schermo 4K senza le fasce??

Grazie

Read more
Posted on the from Pierfilippo P.
Pierfilippo P.
Pierfilippo P.
User
Author

guardate questo sito

https://www.sbp.de/en/

Come si fa a far si che la pagina si riduca/ingrandisca a seconda delle dimensioni del monitor?

GRAZIE

Read more
Posted on the from Pierfilippo P.
Incomedia
Stefano G.
Incomedia

Buongiorno Pierfilippo

Purtroppo no. A livello di contenitore centra del sito, il valore che vedi è il massimo impostabile. I contenuti base del sito rimarranno sempre quindi centrati rispetto allo spazio del sito in generale.

Tuttavia, puoi comunque far si che alcuni Oggetti si estendano fino ai bordi della finestra dal Passo 4. Seleziona un oggetto che è da solo su una riga e abilita l'opzione Estendi. Dovresti ottenere il risultato

Fammi sapere

Stefano

Read more
Posted on the from Stefano G.
Pierfilippo P.
Pierfilippo P.
User
Author

Buongiorno Stefano, ti ringrazio per il contributo, ho già impostato, al passo 4, extend al mio oggetto content slider, ed ho tolto anche i margini laterali.....

il sito va benisimo per full hd 1920px. rimangono le fasce bianche ai lati per il 4k.

detto ciò vi ringrazio tutti, avevo bisogno di adattare il sito ad un monitor 4K solo perchè lo proiettiamo in sala riunioni dove c'è una TV 4K, e poichè ho visto: che alcuni siti sono elastici al 100%, che si adattano anche ai monitor 4K (e sono convinto che neanche utilizzazno foto da 3840px, perchè sarebbero troppo pesenti) e che sono responsive, speravo che qualcuno conoscesse un metodo per raggiungere l'obiettivo.

GRAZIE A TUTTI

Read more
Posted on the from Pierfilippo P.
Giancarlo B.
Giancarlo B.
User
Pierfilippo P.
il sito va benisimo per full hd 1920px. rimangono le fasce bianche ai lati per il 4k.

Strano ho provato e non si vedono fasce bianche a risoluzioni oltre i 1920px

1920px

Read more
Posted on the from Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Author

ciao Giancarlo, nelle due foto che allego si vede la differenza ....

la prima con il sito in risoluzione 1920px, su schermo full HD (1920px), non si vedono fasce, la seconda con il sito in risoluzione 1920px, su schermo 4k (3840px), si vedono le fasce.

Read more
Posted on the from Pierfilippo P.
Pierfilippo P.
Pierfilippo P.
User
Author

scusa questa è la prima

Read more
Posted on the from Pierfilippo P.
Giancarlo B.
Giancarlo B.
User

Filippo la foto inserita che dimenzione ha?

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User

Filippo immagino sia tu che mi hai scritto, ti invio un progettino per email per fare il test.

Ciao Giancarlo.

Read more
Posted on the from Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Author

Ciao Giancarlo, sono io :), sei gentilissimo, ma non riesco ad aprire il tuo progetto (?) mi dice che è stato creato con una versione successiva, io ho acquistato il programma pochissimo tempo fa, boh(?). PRO2021.2.5

La dimensione dell'immagine è 1920px, a me servirebbe che l'immagine si ingrandisca .... insieme al resto

GRAZIE GIANCARLO

Read more
Posted on the from Pierfilippo P.
Giancarlo B.
Giancarlo B.
User

ahh ok scaricati la beta

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Pierfilippo P.
La dimensione dell'immagine è 1920px, a me servirebbe che l'immagine si ingrandisca .... insieme al resto

1920px, pe questo vedi le zona bianca ai lati, devi usare immagini di risoluzione più grande.

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User

prova con l'immagine che ti ho inviato.

Ciao.

Read more
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Pierfilippo P.
... ... ...  La dimensione dell'immagine è 1920px, a me servirebbe che l'immagine si ingrandisca .... insieme al resto ... ... 

... non ho mai visto monitor 4K(!), ...ma se per lo sfondo usi la modalità CSS COVER, la dimensione dell'immagine a regola dovrebbe essere ininfluente...
... mi pare di non aver visto il LINK per poter valutare...

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Pierfilippo P.
Pierfilippo P.
User
Author

Eccoci di nuovo.

Grazie Giancarlo, ma utilizzare una immagine di dimensioni pari ad una larghezza di 3820px, o maggiori, sfortunatamente non funziona. 

Ciao KolAsim, grazie per l'apporto, ho inserito al passo 2, contenuti del modello, all'interno di un oggetto codice HTMl, sezione "esperto" (mi viene da ridere) il seguente codice CSS:

<div id="tuodiv"></div>
#tuodiv {
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(images/bg.jpg) no-repeat center top;
position: fixed;
z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

ma il sito non si adatta allo schermo.

GRAZIE A TUTTI

Read more
Posted on the from Pierfilippo P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Pierfilippo P.
... ... ...  Ciao KolAsim, ... ... ...  ma il sito non si adatta allo schermo. ... ... ... 

... il codice è corretto, ma non è relativo al sito ma allo sfondo del DIV contenitore, (a meno che il DIV non sia nel TAG <BODY>)...

... la > riga che contiene questo DIV ed il > DIV stesso dovresti estenderli... per poter vedere lo sfondo di questo DIV a tutta larghezza in modalità CSS COVER...

... per poter valutare, dovresti postare il LINK...

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Pierfilippo P.
Eccoci di nuovo. Grazie Giancarlo, ma utilizzare una immagine di dimensioni pari ad una larghezza di 3820px, o maggiori, sfortunatamente non funziona. 

strano....undecided

Read more
Posted on the from Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Author

Cia a tutti

il sito lo abbiamo pubblicato qui

http://dep.archi/

è ancora in fase di costruzione.....

Read more
Posted on the from Pierfilippo P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...!... non vedo "tuodiv" + COVER ...!...

... per lo slide, hai esteso riga ed oggetto come indicato prima dalla guida...?...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Pierfilippo P.
Cia a tutti il sito lo abbiamo pubblicato qui http://dep.archi/ è ancora in fase di costruzione.....

scusa Filippo ma non hai utilizzato la funzione estendi nel contet slider?

(vedi io progetto inviato per i test)

Read more
Posted on the from Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Author

Ciao a tutti scusate il ritardo nelle risposte, (lavoro e sbattimenti)

utilizzo sempre "estendi", solo alla prima riga dove è contenuto un oggetto "content slider" in cui dentro ci sono immagini a 3840px (quelle nere che hai postato). Le altre immagini ormai le sto impostando tutte a 1920px

nelle altre righe, in cui cè il testo, non uso "estendi".

SECONDO ME, ormai, credo che non sia possibile con le impostazioni predefinite di websiteX5 fare un sito a 3840Px. 

Forse si potrebbe raggiungere l'obiettivo con un CSS code, che adatti la pagina allo schermo, anche per evitare di utilizzare immagini a 3840px che sono veramente troppo pesanti. Ma io non ci riesco comunque. :)

ti mano la visualizzazione con un monitor Full HD 1920, non fa le fasce laterali e lo occupa per intero

GRAZIE

Read more
Posted on the from Pierfilippo P.