WebSite X5Help Center

 
Giancarlo G.
Giancarlo G.
User

Parametri per un sito design responsive  it

Auteur : Giancarlo G.
Visité 562, Followers 1, Partagé 0  

ho bisogno di addattare al meglio il sito www.kuka19.it

mi piace tutto ma non riesco a cambiare la barra dei menù a sinistra 

Posté le
49 RéPONSES
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... per posizionare la colonna in apertura del menu HAMBURGER al Passo_2 puoi selezionare:
1 - Sinistra
2 - Destra
...
... controlla bene al Passo_2 i contenuti in HEADER e nel FOTER in tutti e quattro i breakpoint che hai in uso, dove alcuni oggetti eccedono fuori il layout sulla destra, ed alcuni oggetti sovrastano/nascondono altri...

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User

Da cellulare e da pc manca totalmente di responsive e il layout è tt spostato a sx. Molti oggetti sono fuori dall'area di lavoro. Sul cellulare è innavigabile dato che l'amburger neanche funziona. Nell'insieme è totalmente da rivedere. wink 

Lire plus
Posté le de Roberto M.
Giancarlo G.
Giancarlo G.
User
Auteur

Okok mi potete gen mandare tutto mei minimi dettagli come poss Impostare al meglio tutte le impostazioni,perché non capisco perché rispecchio tutto ma non funzuona, mi viene il dubb ancora sono sbagliate le misure della immagine di copertina? non e che mi potete gentilmente aiutarmi su tutto grazie mille

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... il menu hamburger è ancora a destra...
... non hai ancora controllato e regolarizzato gli oggetti eccedenti al layout come detto prima...
... in particolare è da controllare o regolarizzare le misure dell'immagine banner in HEADER che è esce fuori layout...
... hai messo due volte la stessa immagine in HEADER, una come fondo di header ed una direttamente come contenuto in header....
... una delle due è di troppo (o vanno regolarizzate e/o sistemate diversamente)...
.... non capisco il discorso del passo passo, si parte dal Passo_2 | Struttura del Modello. | sezione Sondo HEADER ed HEADER, e verificare tutti i breakpoint cliccando sezione per sezione....

...

... secondo me questa immagine , e con misure adeguate alle voci del menu,  andrebbe messa solo alle voci di primo livello...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo G.
Giancarlo G.
User
Auteur

Il dis passo passo del tipo guidarmi cosa devo schiacciare le iperazioni che devo fare del tipo 

1 clicca qui

2 metti questo valore in questa cella

e cosi via... guidarmi passo dopo passo

Lire plus
Posté le de Giancarlo G.
Giancarlo G.
Giancarlo G.
User
Auteur

Mi puoi mandate lalleg delle misure giuste dellintestazione associazione gli amic di kuka 

Lire plus
Posté le de Giancarlo G.
Giancarlo G.
Giancarlo G.
User
Auteur

Magari lo sapevo questo e il logo mi servirebb uno che va bene per i siti web che posso addattare sui tutti i dispositivi 

Lire plus
Posté le de Giancarlo G.
Giancarlo G.
Giancarlo G.
User
Auteur

Per esempio sull'ipad mi esce bene tutto allineato alla perfezione e sul pc e telefonino il problema

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non hai tolto l'immagine di sfondo...
... al Passo_2 puoi assegnare un'altezza adeguata ad HEADER in modo che possa contenere logo e menu e mettere il LOGO come immagine in HEADER, praticamente com'è adesso, ma tramite le maniglie estendere l'immagine a tutta larghezza e aggiustare l'altezza dell'oggetto, sempre con le relative maniglie...
... praticamente ti devi giostrare con queste opzioni tra le varie Anteprime, breakpoint per breakpoint, e non dovresti incontrare difficoltà per queste regolazioni a vista...

.

Header e Footer. Come modificare la struttura del Modello del sito? : WebSite X5 Guide

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User

Consiglio: forse partire da un modello già configurato con struttura responsive dove tu inserisci i tuoi contenuti? 

Lire plus
Posté le de Giancarlo B.
Giancarlo G.
Giancarlo G.
User
Auteur

Io avrei un co pero non so come modifi le dime della cioert 

Lire plus
Posté le de Giancarlo G.
Roberto M.
Roberto M.
User

Ti conviene eliminare tutto e ripartire da un template già responsive e inserire li i tuoi contenuti.

Lire plus
Posté le de Roberto M.
Giancarlo G.
Giancarlo G.
User
Auteur

questa è la schermata che esce

Lire plus
Posté le de Giancarlo G.
Giancarlo G.
Giancarlo G.
User
Auteur

questo qui è il responsive design

Lire plus
Posté le de Giancarlo G.
Giancarlo B.
Giancarlo B.
User
Giancarlo G.
questa è la schermata che esce

per mia esperienza, questa configurazione io non la utilizzerei mai così, tutta a sinistra, e comunque vale sempre il consiglio sopra, ciao 

Lire plus
Posté le de Giancarlo B.
Giancarlo G.
Giancarlo G.
User
Auteur

mi dite gentilmente i valori specifici come impstare grazie

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non corrisponde alla mia versione, quello che nel tuo STAMP si vede per Allineamento: 1-sinistra, ... dovrebbe essere CENTRO...

... nel mio dovrebbe essere impostato così:

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo G.
Giancarlo G.
User
Auteur

comunque ora ho scoperto il problema quando faccio l'antemprima della pagina, in alto stanno i valori responsive e stanno sballati

Lire plus
Posté le de Giancarlo G.
Giancarlo G.
Giancarlo G.
User
Auteur

Ora ho sistemato potete gentilmente controllare pc, tablet, e cellulare? io per esempio sullo stesso iphone con safari ho una visualizzazione, mentre, su Chrome ho un'altra visualizzazione 

Lire plus
Posté le de Giancarlo G.
Giancarlo B.
Giancarlo B.
User

È una problematica piuttosto evidente, che si può notare facilmente anche senza particolari verifiche tecniche.

Lire plus
Posté le de Giancarlo B.
Giancarlo G.
Giancarlo G.
User
Auteur

Ora per quello che mi riguarda vorrei allineare il menu allineandolo sotto 

Lire plus
Posté le de Giancarlo G.
Giancarlo G.
Giancarlo G.
User
Auteur

Noon vorrei c basta togliere il righino sotto sotto quello lungo che fuori esce dai margini si sistema tutto. e come si fa?

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... al primo controllo non era un bel vedere su tablet e smartphone, non era responsive e si doveva zoomare con le dita...!...
... adesso pare che hai corretto tale opzione...

... hai fatto parzialmente le modifiche che ti avevo detto di fare, ma non hai controllato bene l'oggetto menu che ti avevo detto di fare in particolare...
... il menu devi farlo circa 10 pixel più alto (o diminuisci il .font) perchè qualche voce che si dispone su doppia riga è parzialmente coperta, e di conseguenza devi alzare l'altezza di HEADER quanto basta per contenere il tutto...
... controlla che il menu stia per intero in HEADER senza parti eccedenti il layout e questo controllo devi farlo anche per la StickyBar in tutte le risoluzioni...
...
.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo G.
Giancarlo G.
User
Auteur

Ti rin molto ora come mi consigli di continuare?

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Giancarlo G.
Ti rin molto ora come mi consigli di continuare?

... secondo me dovresti togliere lo sfondo alle voci del menu, o metterlo solo al Primo Livello, come ti avevo detto prima...
... il menu dovrevi fare in modo che stia dentro l'HEADER, magari dando spazio per un allineamento delle voci su due righe o diminuendo il punto font; ...bisogna fare delle prove per poter valutare il compromesso migliore...
... su quel che vedo adesso e stado così le cose come stanno, ...non so se hai  il quid+ e sei predisposto al codice EXTRA, perchè se ti interessasse con una mia esclusiva invenzione si potrebbe ottenere il risultato di questa simulazione con un solo click, ..ma appunto devi essere predisposto al codice EXTRA...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo G.
Giancarlo G.
User
Auteur

Ti ringRazio molto, mi potre gentilmente spiegare punto per punto le modifiche con i riferimenti che dovrei fare  grazie 1000

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Giancarlo G.
Ti ringRazio molto, mi potre gentilmente spiegare punto per punto le modifiche con i riferimenti che dovrei fare  grazie 1000

... oggi non ci sono stato...
... non ho capito se ti riferisci al procedimento attuale, o se ti interessa il mio SuperCodiceEXTRA...
... per la situazione attuale per me sei o dovresti essere già a buon punto...
... penso che basterebbe assegnare al progetto una larghezza max di 1120px contro le attuali 960px...
... provaci e fai sapere...

... ... ... 
... se invece, fermo restando la situazione attuale, e se ti interessa un risultato simile al mio precedente STAMP con il menu "relativo" con il mio codice EXTRA con un click, ...avvisami...
... nel caso per il codice EXTRA tornerò qui domani in giornata, e sarà semplicissimo applicarlo....
.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo G.
Giancarlo G.
User
Auteur

Di impostare al mEglio il mio sito ora sembra che dall'ipad sia in verticale sia in orizzontale sia perfetto ora resta di sistemare pc e mobile 

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ho controllato adesso il sito online, ed ho notato che è rimasto invariato rispetto al precedente ed ultimo suggerimento...
... in pratica devi andare al Passo_2 | Responsive Design | Sito Responsive, ... selezionare nella tabella "Elenco dei breakpoint" il primo rigo, quello dei 960px, clicca sul pulsante [Modifica] e correggi il valore da 960 a 1120...
... aziona Ctrl+Anteprima, controla, e poi effettua l'esportazione COMPLETA...
... quando hai fatto, avvisa per andare a controllare...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User

Il sito è sicuramente ammirevole e lodevole per ciò che rappresenta e per le finalità dell’associazione, aspetti che vanno ben oltre la semplice presenza online. Dal punto di vista grafico, però, secondo me ci sono ancora diversi margini di miglioramento. Al di là del discorso responsive, che è importante ma riguarda soprattutto l’adattamento ai diversi dispositivi, rimane una questione di equilibrio visivo, organizzazione dei contenuti e gradevolezza complessiva.

Te lo dico in modo assolutamente amichevole e con spirito costruttivo, perché credo che il valore di ciò che fate meriti di essere valorizzato anche attraverso una veste grafica più curata e armoniosa.

Buon lavoro.

Lire plus
Posté le de Giancarlo B.
Giancarlo G.
Giancarlo G.
User
Auteur

IL sito per quanto rispecchia il sito Responsive rispecchia tutto alla perfezione 

Lire plus
Posté le de Giancarlo G.
Giancarlo G.
Giancarlo G.
User
Auteur

i valori di riferimento rispecchia esattamente i valori di riferimento

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Giancarlo G.
i valori di riferimento rispecchia esattamente i valori di riferimento

...... non so se è possibile farlo con la tua versione X5 Evo 2023,  ma nel tuo STAMP vedo il pulsante [MODIFICA], quindi se ti funziona devi fare come ti ho detto appena prima e come da mio STAMP, cioè cambiare il valore di   960 >> in 1120...
... lo puoi fare...?...
... fammi sapere...
.
ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo G.
Giancarlo G.
User
Auteur

questi sono i valori che ho non ho fatto nessuna modifica

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ho capito, ...ma la modifica  detta la puoi fare...?...

... oppure nella tua versione è inibita...?...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... se funziona, devi selezionare il primo rigo 960px > modifica > 1120

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo G.
Giancarlo G.
User
Auteur



ho messo il tuo valore 

Lire plus
Posté le de Giancarlo G.
Giancarlo G.
Giancarlo G.
User
Auteur

QQuesti sono i valori e l'antemprima 

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... nel tuo STAMP postato adesso vedo sempre 960px ...!...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ah! ... OK ... avevi sbagliato STAMP ... 

.. ottima l'Anteprima...

... quando poi esporti in rete andrò a controllare...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo G.
Giancarlo G.
User
Auteur

l'ho esportato

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

.... quasi quasi ci sei. ...coraggio, manca pochissimo...coolwink
... sposta il menu allineandolo a sinistra ed in basso all'HEADER...
... attualmente è scomparso l'hamburger, provvedi a risistemarlo...
... meglio anche che controlli i colori di contrasto delle voci del meni rispetto allo sfondo...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... forse non hai effettuato l'esportazione completa...
... la StickyBar è rimasta quella precedente, e nel caso provvedi anche per questa l'allineamento a sinistra...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo G.
Giancarlo G.
User
Auteur

 

Lire plus
Posté le de Giancarlo G.
Giancarlo G.
Giancarlo G.
User
Auteur

la barra DEL MENU è BELLA ALLINEATA

Lire plus
Posté le de Giancarlo G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... no! ... online è come la vedo io come da mio STAMP...

... fai Ctrl+Anteprima, controlla, ed esporta tutto ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

… mi son trovato a passare, ed ho voluto rivedere la situazione del sito, e adesso sembra a posto (sembra(!)), ma per me da rivedere...
... per venirti incontro, alcuni consigli per portarti avanti:
1) ... controlla l'immagine in HEADER nella varie risoluzioni, particolarmente nel desktop...
... forse al Passo_1 hai usato "Sfondo di Header, invece di selezionare Header con File Immagine, secondo me più adatta;
… nelle risoluzioni basse non c'è, appunto come dovrebbe essere…
… invece nelle risoluzioni inferiori hai usato l'immagine direttamente in HEADER, da preferire, ma l'hai protetta, da evitare fin quando non sei sicuro di quello che fai ed hai stabilizzato il sito;
… questa immagine in HEADER non sempre è posizionata correttamente in tutte le risoluzioni.
2) ... controlla l'altezza di Header, sempre in tutte le risoluzioni/breakpoint;
3) ... controlla il contrasto delle voci del menu;
4) ... controlla l'hamburger; alzalo di livello essendo nascosto sotto all'immagine;
5) ... controlla la StickyBar(!), è ancora quella vecchia struttura colori e posizioni fuori tema, come già segnalato;

... puoi notare e valutare le incongruenze nelle varie Anteprime, scrollando e ridimensionando la finestra del browser…
… hai solo quattro breakpoint, quindi fai presto a controllare e sistemare adeguatamente layout ed oggetti...
.. lo STAMP vale più di 1000 parole:

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo G.
Giancarlo G.
User
Auteur

c

Lire plus
Posté le de Giancarlo G.
Giancarlo G.
Giancarlo G.
User
Auteur

MI SEMBRA TUTTO OK 

Lire plus
Posté le de Giancarlo G.