Separatore menù principale
Author: Agostino M.
Visited 1792,
Followers 2,
Shared 0
salve a tutti
mi servirebbe gentilmente il codice per creare, nel menù principale verticale, un separatore con la scritta personalizzata che non risulti cliccabile al passaggio del mouse.
Ho provato a creare un livello e a modificare le impostazioni in proprietà ma risulta sempre cliccabile.
ho cercato nel forum ma non ho trovato link ai codici funzionanti
grazie
Posted on the
con questo css (provato con la v11) puoi farlo con una immagine da sostituire a drops.png e personalizzando i valori...
<style>
#imMnMn > ul > li.imMnMnSeparator {
background: url(files/drops.png);
cursor: default;
top:-5px;
width: 140px;
height: 147px;
}
</style>
Author
ciao grazie per la risposta ma io vorrei metterci una scritta di un determinato carattere, grandezza e colore senza usare immagini... è possibile ? E comunque non ne capisco nulla di programmazione... dove dovrei inserirlo su evolution 12 ? grazie
Se ho capito bene, prova a dare un'occhiata a questo esempio: http://lemonsong.altervista.org/test_imMnMnSeparator_block/
E' scritto tutto chiaramente (in rosso da personalizzare).
E' stato fatto per la 11 ma dovrebbe funzionare anche per la 12.
Author
lemonsong tutto perfetto e funzionante grazie... solo una cosa... è possibile personalizzare font, grandezza e allineamento ?
Certo, esempio:
font: 14px Tahoma, Geneva, sans-serif;
text-align:left;
Lettura consigliata:
http://www.html.it/guide/guida-css-di-base/
Author
perfetto grazie ;)
Author
Lemon ho un problema... usando il css
<style>
#imMnMn > ul > li.imMnMnSeparator {
background-image: none;
padding-bottom: 0px;
}
#imMnMn > ul > li.imMnMnSeparator .imMnMnFirstBg .imMnMnTxt {
display: block !important;
color:blue;
}
#imMnMn > ul > li.imMnMnSeparator .imMnMnFirstBg .imMnMnTxt:hover {
color:blue !important;
cursor:default !important;
}
</style>
si verifica quello allegato in foto e cioè che nel responsive va tutto bene ma nel desktop il separatore non ha la giusta distanza con le altre voci
e se uso
padding-bottom: 15px;
succede l'inverso e cioè la giusta distanza tra le voci nel desktop e troppa tra il separatore e le altre voci nel responsive.
come posso risolvere ?
Puoi mettere quei CSS in una media query oppure sostituire padding-bottom:0px; con height:auto;
Author
risolto con
height:auto;
grazie utilissimo come sempre ;)