WebSite X5Help Center

 
Agostino M.
Agostino M.
User

Separatore menù principale  it

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
9 RéPONSES - 1 UTILES
Skeggia 12
Skeggia 12
Moderator

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>

Lire plus
Posté le de Skeggia 12
Agostino M.
Agostino M.
User
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

Lire plus
Posté le de Agostino M.
Agostino M.
Agostino M.
User
Auteur

lemonsong tutto perfetto e funzionante grazie... solo una cosa... è possibile personalizzare font, grandezza e allineamento ?

Lire plus
Posté le de Agostino M.
Agostino M.
Agostino M.
User
Auteur

perfetto grazie ;)

Lire plus
Posté le de Agostino M.
Agostino M.
Agostino M.
User
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 ?

Lire plus
Posté le de Agostino M.
 lemonsong  
 lemonsong  
User

Puoi mettere quei CSS in una media query oppure sostituire padding-bottom:0px; con height:auto;

Lire plus
Posté le de  lemonsong  
Agostino M.
Agostino M.
User
Auteur

risolto con

height:auto;

grazie utilissimo come sempre ;)

Lire plus
Posté le de Agostino M.