WebSite X5Help Center

 
Salvo M.
Salvo M.
User

Menu Hamburgher a Comparsa  it

Autor: Salvo M.
Visitado 1621, Followers 1, Compartido 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 en
13 RESPUESTAS - 2 úTIL
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....

Leer más
Publicado en de Mirko Boschetti
Salvo M.
Salvo M.
User
Autor

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

Leer más
Publicado en de Salvo M.
Salvo M.
Salvo M.
User
Autor

qualcuno puo aiutarmii? 

Leer más
Publicado en 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...

Leer más
Publicado en 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>

Leer más
Publicado en de Skeggia 12
Salvo M.
Salvo M.
User
Autor

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

Leer más
Publicado en de Salvo M.
Salvo M.
Salvo M.
User
Autor

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

Leer más
Publicado en de Salvo M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT
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...!...

.

Leer más
Publicado en 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

Leer más
Publicado en de Salvo M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT

...  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...

.

Leer más
Publicado en 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.

Leer más
Publicado en de Riccardo P.