WebSite X5Help Center

 
Pierfilippo P.
Pierfilippo P.
User

Adattamento sito a monitor di dimensioni diverse  it

Автор: Pierfilippo P.
Просмотрено 572, Подписчики 1, Размещенный 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

Размещено
24 Ответы
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.

Читать больше
Размещено От Fabio C.
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца 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...

Читать больше
Размещено От Claudio D.
Pierfilippo P.
Pierfilippo P.
User
Автор

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

GRAZIE

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

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

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

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

Читать больше
Размещено От 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

Читать больше
Размещено От Stefano G.
Pierfilippo P.
Pierfilippo P.
User
Автор

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

Читать больше
Размещено От 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

Читать больше
Размещено От Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Автор

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.

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

scusa questa è la prima

Читать больше
Размещено От Pierfilippo P.
Giancarlo B.
Giancarlo B.
User

Filippo la foto inserita che dimenzione ha?

Читать больше
Размещено От 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.

Читать больше
Размещено От Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Автор

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

Читать больше
Размещено От Pierfilippo P.
Giancarlo B.
Giancarlo B.
User

ahh ok scaricati la beta

Читать больше
Размещено От 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.

Читать больше
Размещено От Giancarlo B.
Giancarlo B.
Giancarlo B.
User

prova con l'immagine che ti ho inviato.

Ciao.

Читать больше
Размещено От 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...

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

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

Читать больше
Размещено От 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

.

Читать больше
Размещено От  ‪ 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

Читать больше
Размещено От Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Автор

Cia a tutti

il sito lo abbiamo pubblicato qui

http://dep.archi/

è ancora in fase di costruzione.....

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

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

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

.

Читать больше
Размещено От  ‪ 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)

Читать больше
Размещено От Giancarlo B.
Pierfilippo P.
Pierfilippo P.
User
Автор

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

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