Doppia evidenza nelle voci di menu
Author: H.
Visited 1026,
Followers 1,
Shared 0
Con la versione 10 di websitex5 nella costruzione di un menu orizzontale rimane evidenziata la pagina di home o altre pagine precedente selezionate in contemporanea al passaggio del mouse sopra le altre voci. Tale selezione si spegne quando viene selezionata la nuova voce di menu. E' possibile che solo una voce di menu rimanga accesa e che coincida al passagio del mouse cosi' come avveniva nella verisone 8? Grazie
Posted on the
Un link per provare...?
Author
fornisco questo link prova http://www.webalice.it/giacomo.marinelli
Se si seleziona una voce del menu' questa rimane attiva come selezione corrente in contemporanea al passaggio del mouse su altre voci dello stesso menu'. Avrei bisogno di indicazioni per disattivare questa funzione e lasciare una sola voce di menu corrispendente al passaggio del mouse in evidenza. GArzie
L'evidenziazione della pagina aperta, o del livello in cui è inclusa, è una delle reali ed utili innovazioni introdotte nella versione 9 e (fortunatamente) conservate nella versione 10: ci indica dove ci troviamo durante la navigazione tra le pagine di un sito.
A mio parere è più utile della evidenziazione della voce di menu dove si trova il mouse, essendo questa informazione già desumibile dal cursore a manina.
Se proprio dovessi chiedere una miglioria ad Incomedia (cosa a cui ho rinunciato da tempo) suggerirei di inserirla come opzione indipendente: "voce del menu", "voce su passaggio del mouse", "voce corrente".
Premesso quanto sopra, se proprio vuoi eliminare la suddetta indicazione, puoi procedere come di seguito illustrato (con riferimento al sito da te segnalato)
1) digita nella barra degli indirizzi del browser
http://www.webalice.it/giacomo.marinelli/style/menu.css
2) se ti viene chiesto di aprire o salvare il file, salvalo su un file di testo; se ti si apre una pagina di testo, copia-incolla il contenuto in un file di testo
3) Cancella tutte le righe ad eccezione di quelle caratterizzate dalla presenza di "imMnMnCurrent span.imMnMnFirstBg", simili alle seguenti:
#imMnMnNode0.imMnMnCurrent span.imMnMnFirstBg {background-image: url('../menu/index_h.png'); height: 34px; width: 85px;}
#imMnMnNode7.imMnMnCurrent span.imMnMnFirstBg {background-image: url('../menu/contatti_h.png'); height: 34px; width: 85px;}
eliminare "-h" dal nome dell'immagine. A titolo di esempio trasformare
background-image: url('../menu/index_h.png');
in
background-image: url('../menu/index.png');
e
background-image: url('../menu/contatti_h.png
in
background-image: url('../menu/contatti.png
4) Andare in "Impostazioni Generali, Esperto, Prima della chiusura del tag HEAD" e copiare le righe modificate, avendo cura di inserirle tra i tag <style> e </style>
<style type="text/css">
.....
righe modificate
.....
</style>
È più facile a farsi che a dirsi.
@H
Se ho capito bene, potresti provare questo codice (vedi allegato) da inserire in Impostazioni generali - Esperto - Prima della chiusura del tag BODY
Sperando che Answers non alteri il codice pure nei file .txt
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
Sicuramente più veloce e più elegante del mio metodo.