Overlay menu - icona + testo 
Auteur : Vincenzo Errico
Visité 349,
Followers 2,
Partagé 0
Ciao, vorrei spostare l'immagine della bandierina dello switch multilingua, che ora si trova nell’header del mio sito, accanto ad una voce nel menu hamburger. In questo caso parliamo dell’oggetto “overlay menu”, ma sembra che non sia possibile aggiungere un’icona per esempio: bandierina + testo “ITA” tramite le proprietà di livello, come avviene nel menu standard.
È possibile inserire l’immagine della bandierina tramite codice?
Il sito è vincenzoerrico .com
Grazie
Posté le
Ciao Vincenzo sull'oggetto overlay menù non è possibile affiancare al livello una immagine cosa che invece è possibile fare sull'hamburger menu normale. Di contro però è possibile farlo con codice extra sull'oggetto overlay menu oppure,che sarebbe la soluzione migliore, crearti TU un overlay menu personalizzato come nell'immagine che vedi. Sull'overlay menu risultano attive parecchie proposte di miglioramento mai prese in considerazione da casa Incomedia. Un vero peccato!
... non so se ho capito, ...ma, sempre con una delle mie semplici invenzioni già usate e di dominio pubblico, e senza dover ricorrere a SCRIPT complicati, ...con il solo controllo con CSS EXTRA si potrebbe ottenere la bandiera con o senza testo sulla base della struttura attualmente online; ...se è questo che cercavi e se ti interessa, avvisami di quale dei due aspetti, Sx/Dx, di questa simulazione ti interesserebbe...
.
ciao
.
Wow, it would be cool if I did something to work on. I would also do this, one of the reasons why I don't make a lot of a language site, this unclear arrangement of language icons. In general, it's good to be able to add even social networks, etc. to the menu as in the photo, but this menu is bad enough
Auteur
Ciao KolAsim, anche solo la bandierina andrebbe benissimo.
Attendo istruzioni, grazie!
… OK … mantenendo le stesse opzioni puoi usare anche bandiere rettangolari...
… poi, se scarichi le immagini ed usi il tuo URL è meglio per non dipendere dal server esterno...
> bandiera (IT) per sito EN
----------------------------------
<style>
.disable-scrollbars .imLevel:last-of-type a {opacity:0}
.disable-scrollbars .imLevel:last-of-type:after {content:"";position:absolute;z-index:-1;width:40px;height:40px;
background:url("https://uxwing.com/wp-content/themes/uxwing/download/flags-landmarks/italy-flag-round-circle-icon.svg") no-repeat;
background-size: 100%;
}
</style>
------------------------
> bandiera (EN) per sito IT
----------------------------
<style>
.disable-scrollbars .imLevel:last-of-type a {opacity:0}
.disable-scrollbars .imLevel:last-of-type:after {content:"";position:absolute;z-index:-1;width:40px;height:40px;
background:url("https://uxwing.com/wp-content/themes/uxwing/download/flags-landmarks/uk-flag-round-circle-icon.svg") no-repeat;
background-size: 100%;
}
</style>
--------------------------------------------------
.
ciao
.
Auteur
Perfetto KoLasim, funziona!
Grazie mille.
... ho visto ... ottimo! ... hai applicato e personalizzato correttamente le bandiere...
... va bene così, ...ma se alla prossima esportazione pensi che ti possa interessare o essere utile, con un mio SCRIPT si può aggiungere al rollover il ToolTip, quello html del browser (Title) o personalizzato (Balloon), ...nel caso guando sarà ti farai sentire...
.
ciao
.