Menu moderno 
Autor: Vincenzo Errico
Visitado 2172,
Seguidores 2,
Compartilhado 0
Non si chiede la luna!
Menu mobile: la possibilità di inserire logo e pulsanti social direttamente nel menu.
Menu desktop: che la larghezza dei pulsanti si adattino alle voci di menu, non a larghezza fissa.
Mega-menu: con un menu a tendina che consenta di inserire al loro interno le sottovoci di menu disposte in multicolonne per template commerciali.
Grazie.
Publicado em
+ 1 sicuramente se si vuole rendere Website X5 al passo con i tempi.
+1
+1
+ +1 +1
sarebbe proprio ora! di far un passo con i tempi moderni ;-)
"Menu desktop: che la larghezza dei pulsanti si adattino alle voci di menu, non a larghezza fissa."
Lo avevo suggerito già ai tempi della V11.
Ma siamo noi che non sappiamo apprezzare un pulsante mezzo vuoto e uno pieno come un uovo (però uguali uguali in larghezza).
+1
Un idea per incomedia per esempio questo tipo di menu https://www.aruba.it e cliccando "area personale" ancora cambia. un aggiornamento tipo questo, sarebbe un gran passo in avanti per websitex5. ovviamente personalizzabile dall'utente ;-)
+1
-1
Per il Menu su Website é il migliore di tutti e fa bene Incomedia omologarsi agli altri, altrimenti perde la sua originalità che la contraddistinta nel corso degli anni
+1 (ennesimo)
non credo che Incomedia abbia bisogno di suggerimenti per come farlo, il più è volerlo fare.
(Foto Audio Video, non preoccuparti, non lo vedo di default ma un probabile oggetto opzionale, parere personale.)
+1
+1
Il mio post era ironico se non l'avete capito
+1
Ben venga l'oggetto opzionale, purché non sia limitato nelle funzioni, come l'oggetto menu introdotto in precedenza.
+1
+1
Ancora un +1 da parte mia...
Una riflessione: non dovremmo essere noi utenti a richiedere certe funzionalità moderne, al passo con i tempi e ormai di default da alcuni anni nell'attuale mondo del web ma dovrebbe essere la stessa Incomedia a fornirle autonomamente senza che noi utenti si stia ogni volta a fare 'sta buffonata (pietosa!) dei +1 dato il prezzo della versione Pro. Loro sanno benissimo cosa manca in Website X5 e cosa è moderno e utile per rendere al passo con i tempi il loro software. Non c'è affatto bisogno che noi utenti si stia qui a consigliare certe cose: é lo stesso mondo del web attuale che le richiede, non é un capriccio personale e stupido di 4 utenti che si svegliano la mattina, non sanno come ammazzare il tempo e si mettono a scrivere +1 tanto per fare qualcosa e rompere le scatole a qualcuno.
... ... mi era sfuggito questo Topic, ...fermo restando che ben vengano le idee,... nella speranza che quelle logiche, come quelle di questo post, possano venire attuate in futuro...
... ma, solo per chi ancora non lo sapesse e volesse poterlo ottenere adesso, sarebbe possibile con minimo codice extra non impegnativo, per i primi due punti, ...ed in particolare per il secondo punto di cui ricordo di un semplice codice che avevo prodotto per Luciana, (e qualche altro utente)...
... per il terzo punto, forse più impegnativo, ma non più di tanto, e visto che il programma lo permette, come ricordo dimostrato dai diversi esempi postati da Mirko, Claudio e Skeggia, sarebbe possibile sfruttare le decine di esempi diversi reperibili in rete...
... sempre pensando agli esempi di Mirko se non ricordo male, forse per il primo punto si potrebbe ottenere direttamente nel programma...
... ripeto, solo per chi ancora non lo sapesse e volesse poterlo ottenere adesso...
.
Autor
KolAsim, dove posso reperire i codici per i primi due punti?
... per poter valutare dovrei vedere il link...
1) ... comunque, penso che per il primo punto non servano codici extra, ma lo stesso puoi provare ad incollare questo codice:
<style> .hamburger-button:after {content:"";position:absolute;right:58px;top:0px; width:58px;height:58px;
background-image:url(http://www.kolasim-zone.it/immagini/1.png);
background-repeat: no-repeat;background-position: center;background-size:50px; } </style>
2) ... invece per il secondo punto dovrei sempre vedere il link, ma la mia idea è ancora disponibile e scaricabile direttamente dal Topic di Luciana, ovviamente con i dovuti aggiustamenti per il tuo caso: https://helpcenter.websitex5.com/pt/post/187103#comment41
... se posti il tuo link sarebbe meglio e più facile da valutare...
.
+1
Autor
KilAsim, ho provato ma l'immagine appare accanto al pulsante non all'interno del menu come vorrei.
Autor
Intendo una cosa tipo questa, con logo e social in fondo.
+1
... è quasi la stessa cosa, ...ma non hai postato il LINK, ...ed allora basandomi sul sito che hai nel tuo profilo puoi vedere cosa avverrebbe incollando questo codice nello stesso sito di riferimento e con lo stesso tuo logo:
.
<style>
#imHeader_imMenuObject_10-menu-opened .hamburger-menu-close-button {
height:55px;background-image:url(https://www.vincenzoerrico.com/images/logo-vincenzo-errico-photography.png);
background-repeat: no-repeat;background-position:top;background-size:200px}
#imHeader_imMenuObject_10-menu-opened #imHeader_imMenuObject_10_container-menu-opened > ul {
top:70px !important}
</style>
.
Autor
Ciao KolAsim, funziona grazie! C'è anche modo per rendere il logo cliccabile alla homepage?
... penso di sì magari in JavaScript, ...anche se non ne vale la pena essendo presente il pulsante HOME...
.
Autor
Vedi che diventa tutto più complicato? Speriamo in un aggiornamento futuro per questo menu anni 90!
... ma partendo con idee chiare non lo è, e chi ancora non lo sapeva e ne fosse interessato, adesso sa che è possibile farlo in modo semplice oggi stesso, senza dover aspettare qualche e se! futura versione; ...per chi non ha urgenza ovviamente può aspettare...
.
+1
Autor
KolAsim, per "complicato" mi riferivo alla possibilità di inserire un collegamento al logo.
Alla mia domanda hai risposto "penso di sì magari in JavaScript". Se per te è semplice, per me e per molti altri che utilizzano ws non lo è.
Quindi la speranza è in un aggiornamento per migliorare questo oggetto menu castrato.
... ho risposto così per logica, avendo immaginato che fosse possibile senza averci provato; ..l'idea l'avevo visionata in mente pensandola possibile......
... se trovo qualche ritaglio di tempo ti farò la prova sempre suo sulla base del tuo precedente sito...
... poi, per i precedenti codici che ho postato, anche chi non sa fare, adesso saprebbe cosa fare, e nel caso non bastasse basterebbe chiedere; ...ma poi ci sono decine di approcci diversi e forse non sarebbe necessario neanche il codice extra adeguandosi agli strumenti disponibili...
... se non trovo difficoltà con il collegamento e con la progettazione mi farò risentire...
.
...
... come promesso, ...ecco il pacco regalo per il prossimo S.Natale 
<script>
function logoHamburgerK() {
divK = '<a href="https://www.vincenzoerrico.com/" alt="<< HOME V.E." title="<< HOME V.E." style="position:absolute;top:0px;left:20px"> <img class="w3-animate-opacity" src="https://www.vincenzoerrico.com/images/logo-vincenzo-errico-photography.png" height="40px" /> </a>';
$('#imHeader_imMenuObject_10 .hamburger-button').click(function() { $("#imHeader_imMenuObject_10-menu-opened").append(divK) });
}
window.onload = function() {logoHamburgerK();}
</script>
+
<!-- TAG STYLE se si vuole attivare lo stile Dissolvenza in Entrata per il LOGO -->
<style>.w3-animate-opacity{animation:opac 3s}@keyframes opac{from{opacity:0} to{opacity:1}} </style>
.
... provalo e fai sapere se funziona...
.