Colori menù primo livellodiversi 
Author: Vincenzo MAVRICI
Visited 1185,
Followers 2,
Shared 0
Buon giorno a tutti. È possibile creare dei menù dove le voci di primo livello siano di colori diversi uno dell'altro?
Grazie mille per l'aiuto.
Posted on the
Buongiorno Vincenzo, sempre che io abbia capito, se indendi questo menù di livello, lo puoi fare con le opzioni da programma.
Ciao.
Author
Buongiorno. Innanzitutto grazie per aver risposto. Ol mio problema sta nel fatto che il menu principale composto da quattro voci deve essere di colore differente.
Ti invio uno screenshoot per farti capire meglio.
Grazie mille per l'aiuto.
Ciao Vincenzo, intendi l'hamburger menù? ogni voce un colore differente?
Se così, credo che per questo occorra del codice esterno personalizzato.
Author
Sia l'hamburger menu che il menù desktop.
Grazie infinite.
... se non riesci con le opzioni disponibili, per esempio con le opzioni per i livelli, ... allora sicuramente si potrebbe fare con semplice codice EXTRA...
.
Author
Intanto grazie per la risposta.
Saresti veramente d'aiuto se mi dicessi come fare.
Grazie infinite
... personalmente per poter verificare la struttura e valutare eventuali incongruenze del codice EXTRA sul modello Marketplace dei miei STAMP, mi devo basare sul LINK reale online del tuo Sito di PROVE, ...per cui per me dovresti postarlo qui, ma non è difficile e con soluzione istantanea; ...praticamente se lo avevi fatto avresti già risolto da prima......
.
ciao
.
Author
www.iccalderinituccimei.edu.it/vers2023
Grazie infinitamente per la pazienza.
... vedo cha hanno già colori differenti, rosso, viola, verde, blu...
... mi pare OK, ..o forse tu intendi altro...?...
... fai sapere...
.
Quello indicato da Vincenzo è realizzato con WordPress
ma è fatto con website?
ahhh!! ecco mi sembrava.
Kolasim, intendeva non l'esempio... ma il link del sito che stai facendo o sul quale vuoi applicare questa cosa dei colori...
... infatti, come da citazione:
..."...mi devo basare sul LINK reale online del tuo Sito di PROVE,..."...
.
ciao
.
... comunque se provvedi, da parte mia, ...è possibile e facilmente...
.
Author
Quello è dolo un fac simile fatto con wordpress .
Io lo devo realizzare con WS .
Non appena faccio una bozza te lo condivido.
Ti ringrazio anticipatamente.
... ok ... per quando sarà, ... avvisa...
... puoi postare un semplice e veloce esempio con pagine vuote pubblicandolo come fanno in molti su Altervista (o in sotto-directory)...
.
Author
Grazie infinite a tutti per l'interessamento e la pazienza.
Siete veramente cortesi e preparati.
Buona serata.
Author
Buon giorno, come tuo suggerimento ho pubblicato un sito di prova per fsrti capire quello che devo fare.
Praticamente il menù principale composta da Scuola, Servizi, Didattica, Novità deveno risultare di colori diversi mentre i menu di livello con lo stesso sfondo grigio chiaro.
L'url è il seguente: www.iccalderinituccimei.edu.it/prova23ws
Grazie infinite per l'interessamento.
Author
Naturalmente il messaggio di prima era rivolto a Kolasim come da suo suggerimento ho pubblicato il sito di prova.
Grazie.
... OK ... codice da copiare ed incollare in questa sezione:
>> Passo 1 - Impostazioni > Statistiche e Codice > I comandi della Sezione Codice | ▪Codice personalizzato: > 3^opzione > Prima della chiusura del tag HEAD
... codice:
<style>
#imHeaderObjects ul > li:nth-child(1) div span { color:red !important}
#imHeaderObjects ul > li:nth-child(2) div span { color:blue !important}
#imHeaderObjects ul > li:nth-child(3) div span { color:green !important}
#imHeaderObjects ul > li:nth-child(4) div span { color:orange !important}
</style>
...............................
.
... otterrai questo:
.
Author
Non so come ringraziarti.
Sempre gentile, disponibile e soprattutto preparato.
Complimenti.
Metterò subito in pratica questo tuo suggerimento.
Ti farò sapere.
Grazie infinite.
Buon lavoro
... OK ... ciao ...
Author
Buon giorno.
Ho provato il codice che Kolasim mi ha gentilmente inviato e funziona quasi perfettamente.
L'unica cosa è che il puntatore del mouse non da la forma di manina sul link del menu e i colori in visualizzazione responsive non si vedono.
Non so se è un mio errore. Allego Screenshot
Grazie infinite.
... il cursore "freccetta" è quello del progetto, essendo in funzione il rollover, ma se vuoi vedere lo stesso il cursore "manina" ed anche i colori nel menu hamburger, sostituisci il precedente codice con questo nuovo:
<style>
.menu-mobile-animated .label { cursor:pointer !important}
.menu-mobile-animated > li:nth-child(1) div span { color:blue !important;}
.menu-mobile-animated > li:nth-child(2) div span { color:red !important}
.menu-mobile-animated > li:nth-child(3) div span { color:green !important}
.menu-mobile-animated > li:nth-child(4) div span { color:orange !important}
</style>
.....................................
... prova e fai sapere del risultato online...
.
ciao
.
Author
Ho copiato il codice.
In locale funziona benissimo, trasfereon line rimane cone prima.
Ho aggiornato la cache più volte.
Che faccio?
Grazie
Author
Scusate gli errori.
...magari ho visto male , ma sul sito online non vedo l'ultimo codice che ti ha passato KolAsim
... ho visto proprio adesso, e funzionano sia il cursore manina che i colori, ...mi pare corretto...
.
adesso si...
Author
Ora si vede bene.
È perfetto. Grazie Kolasim per la tua consueta disponibilità, pazienza e professionalità.
Problema risolto.
Grazie, e buona giornata.
@Vincenzo... metti il corretto alla risposta di KolAsim... non a me...
è lui che ti ha dato le indicazioni...
... mi basta la conferma, ... ma grazie lo stesso a Claudio e Vincenzo...
...ciao
.