Separatore menù principale
Autor: Agostino M.
Visitado 1823,
Seguidores 2,
Compartilhado 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
Publicado em
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>
Autor
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.
Autor
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/
Autor
perfetto grazie ;)
Autor
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;
Autor
risolto con
height:auto;
grazie utilissimo come sempre ;)