WebSite X5Help Center

 
Alessandro C.
Alessandro C.
User

Stile menu principale  it

Auteur : Alessandro C.
Visité 1327, Followers 2, Partagé 0  

Impostato il menu, sto cercando di far si che sul passaggio del mouse compaia sotto al testo una riga. Ho provato ad impostare lo stile del bordo ma non trovo il modo di definire quale parte dello stesso mantenere colorata e quale no.

Posté le
14 RéPONSES
Mirko Boschetti
Mirko Boschetti
Moderator

preparati un'immagine trasparente con la riga sotto, e in Proprietà pagina>>>Grafica>>> la inserisci come icona da visualizzare sul menu...wink

Lire plus
Posté le de Mirko Boschetti
Alessandro C.
Alessandro C.
User
Auteur

Ci avevo ben pensato ma non si sposta quando cambio voce del menù. Ricordo che su una precedente versione di website c'era questa possibilità ma non riesco più a trovarla.

Lire plus
Posté le de Alessandro C.
Skeggia 12
Skeggia 12
Moderator

prova con questo css da mettere al passo 1, impostazioni, avanzate, Codice...., prima della chiusura del tag head...

<style>
#imMnMn.main-menu > ul > li:hover {border-bottom:2px solid red;}
</style>

personalizzando i valori...

Lire plus
Posté le de Skeggia 12
Alessandro C.
Alessandro C.
User
Auteur

ok adesso funziona, se volessi metterlo sopra come dovrei cambiare il codice?

Lire plus
Posté le de Alessandro C.
Alessandro C.
Alessandro C.
User
Auteur

e x far si che compaia anche nelle voci di menu a comparsa?

Lire plus
Posté le de Alessandro C.
Skeggia 12
Skeggia 12
Moderator

invece che border-bottom devi scrivere border-top...

Lire plus
Posté le de Skeggia 12
Alessandro C.
Alessandro C.
User
Auteur

Ti ringrazio molto ma sono a zero in fatto di programmazione, caspita hanno eliminato una funzionalità interessante invece di svilupparla.

Sai x caso anche come e x far si che compaia anche nelle voci di menu a comparsa mano a mano che ci vado sopra con il mouse?

Lire plus
Posté le de Alessandro C.
Skeggia 12
Skeggia 12
Moderator

per l'altra domanda aggiungi in quel css questa riga...

#imMnMn.main-menu ul ul li:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li:hover > .imMnMnBorder { border-top:3px solid blue; }

Lire plus
Posté le de Skeggia 12
Skeggia 12
Skeggia 12
Moderator

comunque, per non utilizzare codici, ma le funzioni del programma, basta che ti prepari una immagine trasparente con la linea dello spessore che vuoi e la metti al passo 2, modello, personalizzazione, menu principale, in alto a dx scegli "voci menu", dalla finestrella a dx scegli "voci al passaggio del mouse"; nella casella "immagine di sfondo" inserisci l'immagine che ti sei preparato...

Lire plus
Posté le de Skeggia 12
Alessandro C.
Alessandro C.
User
Auteur

Decisamente molto meglio la versione con css che con immagine. Ti ringrazio per il prezioso aiuto. Ogni nuova versione del programma ha i suoi pro ed i suoi contro. Si potrebbe suggerire agli sviluppatori per un prossimo aggiornamento se sapessi come :-)

Lire plus
Posté le de Alessandro C.
Skeggia 12
Skeggia 12
Moderator

di nulla... ok se hai risolto, chiudi il post...

Lire plus
Posté le de Skeggia 12
Alessandro C.
Alessandro C.
User
Auteur

scusami ma non so come si fa a chiudere

Lire plus
Posté le de Alessandro C.
Claudio D.
Claudio D.
Moderator

@Alessandro, sul Forum per ringraziare gli utenti che ti rispondono, puoi cliccare su "utile" (la manina verde col pollice in su) sotto al loro post...

Quando il post sarà risolto è buona norma cliccare su "Corretto" (la spunta verde) al post che ti ha risolto, per chiudere il post e far sapere alle altre persone che potrebbero avere un problema come il tuo che quella è la soluzione.

Se hai altre domande non legate strettamente al post che hai aperto, apri un nuovo post...

Lire plus
Posté le de Claudio D.
Claudio D.
Claudio D.
Moderator

.

Alessandro C.
 Si potrebbe suggerire agli sviluppatori per un prossimo aggiornamento se sapessi come :-)

...per fare un suggerimento devi aprire un nuovo post come IDEA ...

e mettere la funzionalità che ti interessa ...

...se ritenuta utile e valida magari verrà presa in considerazione per futuri aggiornamenti...

Lire plus
Posté le de Claudio D.