WebSite X5Help Center

 
Ettore P.
Ettore P.
User

Inserire un hamburger bar differente  it

Autor: Ettore P.
Besucht 1938, Followers 3, Geteilt 0  

Ciao, ho letto un post di @Davide T. in cui indirizzava ad questo link:

https://codepen.io/Twikito/pen/zGdqVO

al fine di inserire un hamburger bar bella e differente rispetto a quella di website.

Effettivamente è quello che cercavo ma non so bene come inserire i codici forniti al link in questione.

Qualcuno potrebbe spiegarlo?

Grazie in anticipo

Gepostet am
20 ANTWORTEN - 2 NüTZLICH - 1 KORREKT
Ettore P.
Ettore P.
User
Autor

Ok, ho già risolto io :)

Posto temporaneamente Il risultato sul mio sito di prova (template adventure di Giancarlo Bartolini senza niente, solo l'effetto parallasse per tutte le pagine con una unica immagine)

https://www.ettorepoggipollini.com

Ora vorrei sapere:

1) Come è possibile rimuovere completamente la barra menu originale?

2) Quali sono i nomi (la sintassi) delle "Ancore" della pagina principale che devo inserire nel nuovo menu?

Grazie in anticipo, spero vi piacca questa HAMBURGER BAR integrata in WEBSITE EVO 13.

Grazie ancora a Davide T. per la segnalazione.

Mehr lesen
Gepostet am von Ettore P.
Stiac Engineering
Stiac Engineering
User

Ciao Ettore,

per creare post ti prego di voler seguire i canoni e norme dell'Help Center e di non comunicare dati personali (come indirizzo email) all'interno di esso se non strettamente necessario.

Consiglio altresì una lettura del manuale d'uso, per meglio usare il software.

Per eliminare il menu inserito de default devi recarti allo Step 2 Modello > Contenuto del Modello > Header ed eliminare il menu.

Per quanto riguarda "i nomi (la sintassi) delle "Ancore" della pagina principale" devi modificare il codice HTML del progetto presente su codepen.

Al rigo 10 trovi ad esempio questo :

<a href="#">Lorem.</a>

Dovrai inserire il link della pagina al posto del # e inserire al posto di "Lorem." la dicitura della pagina o comunque la scritta che desideri l'utente veda.

es.

<a href="https://www.sito.it/home.php">Home Page</a>

Dovrai di conseguenza modificare la parte del codice per adattarla al tuo sito web. Se poi ti appassioni puoi "giocare" con il CSS per cambiare aspetto e colore a piacimento.

Spero di esserti stato di aiuto. Buon proseguimento di giornata e buon lavoro con WebSite X5! ;)

Mehr lesen
Gepostet am von Stiac Engineering
Ettore P.
Ettore P.
User
Autor

Ciao Gabriele grazie per i consigli, per modificare le scritte e i link di indirizzamento tramite il file .css di codepen non è un problema, ho già trovato le righe da modificare

In website EVO 13 non ho notato la possibilità, come dici tu, di accedere alla sezione "2" - "modello" - "contenuto del modello" - "Header" - Menu" . Non mi compare l'oggetto menu, forse non ho compreso ancora come funzioni il software, perdonami. Ho provato ad impostare tutti i valori del meu a "0" ma rimangono sempre 40 px di larghezza che consentono al piccolo hamburger website di essere visibile. Per questo pensavo ci fosse la possibilità di eliminare il codice del menu, da qualche parte.... 

Mehr lesen
Gepostet am von Ettore P.
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT

...se ho capito cosa intendi ... e se non vuoi far comparire il menu ... dovrebbe bastare in Mappa , selezionare tutte le pagine e metterle "nastoste"

...ovviamente TUTTA la gestione pagine dovrai farla col menu extra... ma quello lo avrai già preso in considerazione...

Mehr lesen
Gepostet am von Claudio D.
Ettore P.
Ettore P.
User
Autor

Ciao Claudio, l'ho preso in considerazione, certo :)

Devo far scomparire il piccolo hamurger bar originale, rimane sempre.....

Mehr lesen
Gepostet am von Ettore P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... il menù viene gestito per mezzo di uno specifico Oggetto  , per tanto se non vuoi che il menù venga visualizzato, puoi semplicemente eliminare l'Oggetto Menu...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Ettore P.
Ettore P.
User
Autor

Ok Kola, è esattamente quello che dovrei fare ma il problema è che non riesco a trovare questo benedetto oggetto menu....

Mehr lesen
Gepostet am von Ettore P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...allora prova a selezionare l'icona del MENU sotto alla voce Mappa, e quindi rendere il menu nascosto con il pulsante Nascosta

Clicca per espandere/ridurre

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Ettore P.
Ettore P.
User
Autor

Grazie mille Kola, l'opzione "nascosto" è una delle prime cose a cui avevo pensato ma nella versione 13 non ho questa possibilità e non esiste l'oggetto menu purtroppo..... possibile che non si possa integrare questa funzionalità presente dalla 14 in poi anche sulla 13, tramite un aggiornamento? O che non ci sia un modo per eliminare l'oggetto menu (perchè è chiaro che si tratti un oggetto) eliminando i codici?

Mehr lesen
Gepostet am von Ettore P.
Ettore P.
Ettore P.
User
Autor

Versione evolution 13

Mehr lesen
Gepostet am von Ettore P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... scusa, ...non avevo fatto caso che avevi menzionato la v.13, sarebbe quindi il caso di aggiornarsi...laughing...wink

... comunque, non ne sono sicuro, ma il menu dovresti poterlo nascondere anche nella v.13; ...prova a cliccare sull'icona del menu e sul pulsante nascondi...

... se così non fosse, non è un problema, basta nascondere tutte le pagine nel modo che ti ho detto prima, selezionandole una ad una e nascondendole...

... un procedimento più veloce potrebbe essere quello di realizzare le pagine dentro ad un NUOVO LIVELLO, quindi basta selezionare questo e nasconderlo, così in un colpo solo nasconderesti tutte le pagine...

... altro metodo velocissimo, forse da preferire, è inserire una breve riga di codice nel pannello Esperto | Codice personalizzato | > Prima della chiusura di HEAD:

<style> #imMnMn {display:none}</style>

.

ciao

.



Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT
Ettore P.
Ciao Claudio, l'ho preso in considerazione, certo :) Devo far scomparire il piccolo hamurger bar originale, rimane sempre.....

...ma sei sicuro ?

se nascondi tutte le voci ... secondo me non appare nessun menu !

Mehr lesen
Gepostet am von Claudio D.
Ettore P.
Ettore P.
User
Autor

Claudio, anche nascondendo le voci, compare sempre l'hamburger, almeno nella versione 13.

Kola, la soluzione giusta è la tua laughing

Inserire il seguente codice nel pannello Esperto | Codice personalizzato | > Prima della chiusura di HEAD:

<style> #imMnMn {display:none}</style> .

Ricordarsi poi di togliere la spunta in "mantieni sempre visibile" presente in opzioni "scroll della pagina".

Grazie a tutti per la partecipazione :)

Mehr lesen
Gepostet am von Ettore P.
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT

Sicuro ? surprised

 ...provato ora con la 13 Pro e se nascondo le voci NON appare nessun menu hamburger...undecided

Mehr lesen
Gepostet am von Claudio D.
Ettore P.
Ettore P.
User
Autor

Hai ragione Claudio, ho avuto un problema di visualizzazione io, tutto ok anche come dici tu. Grazie di nuovo.

Mehr lesen
Gepostet am von Ettore P.
Ettore P.
Ettore P.
User
Autor

Ultima cosa riguardo il menu....

Noto che lo sfondo risulta grigio scuro fino all'inizio della seconda riga, nonostante imposti bianco sia come sfondo pagina che come sfondo dell'header.....

Risolvo aumentando lo sfondo dell'header a circa 800px ma mi piacerebbe sapere da dove venga questa colorazione grigia scura e come modificarla. Forse è un parametro del css del nuovo menu?

Mehr lesen
Gepostet am von Ettore P.
Ettore P.
Ettore P.
User
Autor

Risolto, è il background del body del menu, tutto ok, chiudo.

Mehr lesen
Gepostet am von Ettore P.
Mirko Boschetti
Mirko Boschetti
Moderator

controlla in basso l'oggetto menu...wink

Mehr lesen
Gepostet am von Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

molto bello ora che lo hai cambiato, ma controlla anche qui:

Mehr lesen
Gepostet am von Mirko Boschetti
Ettore P.
Ettore P.
User
Autor

Ciao Mirko, grazie per l'attenzione :) ho caricato il sito er vedere l'effetto che faceva il menu nuovo, vedo che è pieno di codici che dovrò eliminare, poi tolgo tutto, (anche il footer nero con i relativi nomi).

Era solo per vedere il menu, che pare effettivamente molto bello. Devo rendere sempre nero l'hamburger a sx, altrimenti non si vede su sfondo bianco, ma ho già visto dove intervenire nel css.

Ti aggiorno :) ... e se vedi altre cose anomale, mi raccomando di farmele notare ;)

Mehr lesen
Gepostet am von Ettore P.