WebSite X5Help Center

 
Giancarlo G.
Giancarlo G.
User

Parametri per un sito design responsive  it

Автор: 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 

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

.

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

Читать больше
Размещено От Roberto M.
Giancarlo G.
Giancarlo G.
User
Автор

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

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

.

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

Читать больше
Размещено От Roberto M.
Giancarlo G.
Giancarlo G.
User
Автор

questa è la schermata che esce

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

questo qui è il responsive design

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

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

mi dite gentilmente i valori specifici come impstare grazie

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

.

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

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

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

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 

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

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

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

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

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

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

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

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

Ti rin molto ora come mi consigli di continuare?

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

.

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

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

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

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

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 

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

.

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

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

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

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

i valori di riferimento rispecchia esattamente i valori di riferimento

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

.

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

questi sono i valori che ho non ho fatto nessuna modifica

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

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

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

.

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

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

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



ho messo il tuo valore 

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

QQuesti sono i valori e l'antemprima 

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

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

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

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

.. ottima l'Anteprima...

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

.

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

l'ho esportato

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

.

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

.

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

 

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

la barra DEL MENU è BELLA ALLINEATA

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

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

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

.

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