Separatore menù principale
Auteur : Agostino M.
Visité 1821,
Followers 2,
Partagé 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
Posté le
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>
Auteur
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.
Auteur
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/
Auteur
perfetto grazie ;)
Auteur
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;
Auteur
risolto con
height:auto;
grazie utilissimo come sempre ;)