WebSite X5Help Center

 
Pierfilippo P.
Pierfilippo P.
User

Adattamento sito a monitor di dimensioni diverse  it

Autor: Pierfilippo P.
Visitado 569, Followers 1, Compartido 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

Publicado en
24 RESPUESTAS
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.

Leer más
Publicado en de Fabio C.
Claudio D.
Claudio D.
Moderator
Usuario del mes 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...

Leer más
Publicado en de Claudio D.
Pierfilippo P.
Pierfilippo P.
User
Autor

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

GRAZIE

Leer más
Publicado en de Pierfilippo P.
Pierfilippo P.
Pierfilippo P.
User
Autor

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

Leer más
Publicado en de Pierfilippo P.
Pierfilippo P.
Pierfilippo P.
User
Autor

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

Leer más
Publicado en de 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

Leer más
Publicado en de Stefano G.
Pierfilippo P.
Pierfilippo P.
User
Autor

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

Leer más
Publicado en de 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

Leer más
Publicado en de Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Autor

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.

Leer más
Publicado en de Pierfilippo P.
Pierfilippo P.
Pierfilippo P.
User
Autor

scusa questa è la prima

Leer más
Publicado en de Pierfilippo P.
Giancarlo B.
Giancarlo B.
User

Filippo la foto inserita che dimenzione ha?

Leer más
Publicado en de 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.

Leer más
Publicado en de Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Autor

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

Leer más
Publicado en de Pierfilippo P.
Giancarlo B.
Giancarlo B.
User

ahh ok scaricati la beta

Leer más
Publicado en de 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.

Leer más
Publicado en de Giancarlo B.
Giancarlo B.
Giancarlo B.
User

prova con l'immagine che ti ho inviato.

Ciao.

Leer más
Publicado en de 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...

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Pierfilippo P.
Pierfilippo P.
User
Autor

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

Leer más
Publicado en de 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

.

Leer más
Publicado en de  ‪ 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

Leer más
Publicado en de Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Autor

Cia a tutti

il sito lo abbiamo pubblicato qui

http://dep.archi/

è ancora in fase di costruzione.....

Leer más
Publicado en de Pierfilippo P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

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

.

Leer más
Publicado en de  ‪ 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)

Leer más
Publicado en de Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Autor

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

Leer más
Publicado en de Pierfilippo P.