WebSite X5Help Center

 
Salvo M.
Salvo M.
User

Menu Hamburgher a Comparsa  it

Автор: Salvo M.
Просмотрено 1560, Подписчики 1, Размещенный 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

Размещено
13 Ответы - 2 Полезно
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....

Читать больше
Размещено От Mirko Boschetti
Salvo M.
Salvo M.
User
Автор

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

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

qualcuno puo aiutarmii? 

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

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

Читать больше
Размещено От Skeggia 12
Salvo M.
Salvo M.
User
Автор

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

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

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

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

.

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

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

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

.

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

Читать больше
Размещено От Riccardo P.