WebSite X5Help Center

 
Pierfilippo P.
Pierfilippo P.
User

Adattamento sito a monitor di dimensioni diverse  it

Autore: Pierfilippo P.
Visite 442, Followers 1, Condiviso 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

Postato il
24 RISPOSTE
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.

Leggi di più
Postato il da Fabio C.
Claudio D.
Claudio D.
Moderator

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

Leggi di più
Postato il da Claudio D.
Pierfilippo P.
Pierfilippo P.
User
Autore

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

GRAZIE

Leggi di più
Postato il da Pierfilippo P.
Pierfilippo P.
Pierfilippo P.
User
Autore

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

Leggi di più
Postato il da Pierfilippo P.
Pierfilippo P.
Pierfilippo P.
User
Autore

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da Stefano G.
Pierfilippo P.
Pierfilippo P.
User
Autore

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

Leggi di più
Postato il da Pierfilippo P.
Giancarlo B.
Giancarlo B.
User
Utente del mese IT
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

Leggi di più
Postato il da Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Autore

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.

Leggi di più
Postato il da Pierfilippo P.
Pierfilippo P.
Pierfilippo P.
User
Autore

scusa questa è la prima

Leggi di più
Postato il da Pierfilippo P.
Giancarlo B.
Giancarlo B.
User
Utente del mese IT

Filippo la foto inserita che dimenzione ha?

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Utente del mese IT

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

Ciao Giancarlo.

Leggi di più
Postato il da Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Autore

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

Leggi di più
Postato il da Pierfilippo P.
Giancarlo B.
Giancarlo B.
User
Utente del mese IT

ahh ok scaricati la beta

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Utente del mese IT
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.

Leggi di più
Postato il da Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Utente del mese IT

prova con l'immagine che ti ho inviato.

Ciao.

Leggi di più
Postato il da 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...

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

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

Leggi di più
Postato il da 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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Utente del mese IT
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

Leggi di più
Postato il da Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Autore

Cia a tutti

il sito lo abbiamo pubblicato qui

http://dep.archi/

è ancora in fase di costruzione.....

Leggi di più
Postato il da Pierfilippo P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Utente del mese IT
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)

Leggi di più
Postato il da Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Autore

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

Leggi di più
Postato il da Pierfilippo P.