WebSite X5Help Center

 
Salvo M.
Salvo M.
User

Menu Hamburgher a Comparsa  it

Autor: Salvo M.
Visitado 1578, Seguidores 1, Compartilhado 0  

Salve a tutti,

vorrei ottenere un effetto simile all'immagine in allegato, con un menu hamburger e l'apertura delle voci a comparsa. Ho provato a diminuire la larghezza del menu per far comparire l'hamburgher, ma le voci del menu mi si aprono a destra in una unica striscia a limite della pagina.

grazie mille

Publicado em
13 RESPOSTAS - 2 ÚTEIS
Mirko Boschetti
Mirko Boschetti
Moderator

prova a mettere come prima voce un livello, poi tutte le altre dentro al livello, e in proprietà del livello metti come sfondo una immagine tua....dovrebbe essere una cosa del genere....

Ler mais
Publicado em de Mirko Boschetti
Salvo M.
Salvo M.
User
Autor

ho provato e nulla...mi esce sempre laterale :(

Ler mais
Publicado em de Salvo M.
Salvo M.
Salvo M.
User
Autor

qualcuno puo aiutarmii? 

Ler mais
Publicado em de Salvo M.
Skeggia 12
Skeggia 12
Moderator

prova ad usare questo css, al passo 1, personalizzazione, Codice..., tab esperto, prima della chiusura del tag head...

<style>#imMnMn.main-menu .hamburger-button {
    position: absolute;
    top: 2px;
    left: 0 !important;
    background-color:red !important;
}
#imMnMn.main-menu .hamburger-menu-background {
    top: 300px;
    bottom: 0;
    right: auto;
    left: 436px !important;
    background:red !important;
}
#imMnMn.main-menu > ul {
    right: auto;
    left: 436px !important;
    top: 340px;
    background:red !important;
}
.hamburger-button {opacity:1 !important;}    
</style>

personalizzandoti tutti i parametri per posizionare il menu in orizzontale e verticale e i colori...

Ler mais
Publicado em de Skeggia 12
Skeggia 12
Skeggia 12
Moderator

per aggiungere lo stesso colore di fondo alle voci e togliere il bordo...

#imMnMn.main-menu .imMnMnTxt {
background: red;
}
#imMnMn.main-menu .imMnMnTxt {
border: 0px !important;
}

da aggiungere al codice precedente prima del tag </style>

Ler mais
Publicado em de Skeggia 12
Salvo M.
Salvo M.
User
Autor

in quel template (che è proprio di websitex5 13) è fatto proprio così con codice??

Ler mais
Publicado em de Salvo M.
Salvo M.
Salvo M.
User
Autor

dove metto lo sfondo livello? su proprietà mi da o icona o collegamento 

Ler mais
Publicado em de Salvo M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Salvo M.
in quel template (che è proprio di websitex5 13) è fatto proprio così con codice??

...!... sono realizzati esclusivamente con il programma, senza uso di codici extra...!...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Salvo M.
Salvo M.
User
Autor

Buongiorno a te, si beh dove acquistarlo lo so ;) ne ho acquistati diversi :D, la struttura lho gia fatta ed è completamente personalizzata, per questo quel template adesso non mi serve, ma mi serviva capire come creare quel menu che ancora adesso non riesco

Ler mais
Publicado em de Salvo M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...  far tesoro degli esempi scaricati e suggerimenti ricevuti anche altrove, e, conoscendo il programma e con l'aiuto della Guida, non ci sarebbero misteri da scoprire...

... altrimenti se si va di fretta la soluzione immediata è stata già indicata, ... e studiandone la struttura, la propria preparazione ne trarrebbe vantaggio...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Incomedia
Riccardo P.
Incomedia

Vi sono molte opzioni che occorre modificare per realizzare un menu così. Non è un menu responsive ma è una immagine usata come sfondo del menu e con tutte le pagine in un livello senza nome.

La struttura è come nel mio screenshot. Poi occorre settare un menu verticale e una immagine di sfondo per il enu principale.

Ler mais
Publicado em de Riccardo P.