Parametri per un sito design responsive 
Автор: Giancarlo G.
Просмотрено 488,
Подписчики 1,
Размещенный 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
Размещено

... 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
.
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.
Автор
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
... 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...
.
Автор
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
Автор
Mi puoi mandate lalleg delle misure giuste dellintestazione associazione gli amic di kuka
Автор
Magari lo sapevo questo e il logo mi servirebb uno che va bene per i siti web che posso addattare sui tutti i dispositivi
Автор
Per esempio sull'ipad mi esce bene tutto allineato alla perfezione e sul pc e telefonino il problema
... 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
.
Consiglio: forse partire da un modello già configurato con struttura responsive dove tu inserisci i tuoi contenuti?
Автор
Io avrei un co pero non so come modifi le dime della cioert
Ti conviene eliminare tutto e ripartire da un template già responsive e inserire li i tuoi contenuti.
Автор
questa è la schermata che esce
Автор
questo qui è il responsive design
per mia esperienza, questa configurazione io non la utilizzerei mai così, tutta a sinistra, e comunque vale sempre il consiglio sopra, ciao
Автор
mi dite gentilmente i valori specifici come impstare grazie
... 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ì:
.
Автор
comunque ora ho scoperto il problema quando faccio l'antemprima della pagina, in alto stanno i valori responsive e stanno sballati
Автор
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
È una problematica piuttosto evidente, che si può notare facilmente anche senza particolari verifiche tecniche.
Автор
Ora per quello che mi riguarda vorrei allineare il menu allineandolo sotto
Автор
Noon vorrei c basta togliere il righino sotto sotto quello lungo che fuori esce dai margini si sistema tutto. e come si fa?
... 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...
...
.
Автор
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...
.
Автор
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....
.
Автор
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
... 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...
.
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.
Автор
Автор
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
.
Автор
questi sono i valori che ho non ho fatto nessuna modifica
... ho capito, ...ma la modifica detta la puoi fare...?...
... oppure nella tua versione è inibita...?...
.
... se funziona, devi selezionare il primo rigo 960px > modifica > 1120
Автор
ho messo il tuo valore
Автор
... nel tuo STAMP postato adesso vedo sempre 960px ...!...
... ah! ... OK ... avevi sbagliato STAMP ...
.. ottima l'Anteprima...
... quando poi esporti in rete andrò a controllare...
.
Автор
l'ho esportato
.... quasi quasi ci sei. ...coraggio, manca pochissimo...

... 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...
.
... forse non hai effettuato l'esportazione completa...
... la StickyBar è rimasta quella precedente, e nel caso provvedi anche per questa l'allineamento a sinistra...
.
Автор
Автор
la barra DEL MENU è BELLA ALLINEATA
... no! ... online è come la vedo io come da mio STAMP...
... fai Ctrl+Anteprima, controlla, ed esporta tutto ...
.