[RISOLTO]Personalizzazione menu

[Xmanga]

Salve a tutti avrei bisogno di un aiutino e anche dei chiarimenti
Vorrei cambiare il colore del menu standard sia come background sia quello di selezione( il colore che esce quando si passa sopra con il mouse)
leggendo dei post simili ho capito che devo modificare il file template, pero nel mio ci sono pochissime righe, e questo mi fa pensare che non sia quello giusto.
Poi dovrei identificare dove effettuare le modifiche, spesso si parla del numero di righe da modificare, ma come li vedo questi numeri?
Uso chrome e ho messo l'estensione Firebug, ma non riesco ad usarla.. sempre se è questa da usare per vedere il numero di righe


Quello che vorrei fare è dare uno sfondo al titolo del menu (Menu Principale -Utente Ecc.) cambiare il colore nella selezione


il link del sito è ->questo<-

Allego anche img del template
Mi sapreste consigliare, Grazie





[allegato eliminato automaticamente dopo un anno]

[sudoku]

mi sembra che tu stia usando swmenu. Per quanto mi ricordo i colori li aggiusti da lì.

[Xmanga]

mi sembra che tu stia usando swmenu. Per quanto mi ricordo i colori li aggiusti da lì.

Ho usato quello per il top Menu, ma la versione free permette la modifica di 1 solo menu
per questo volevo modificare i colori di quello di base per renderlo più simile a swmenu

[sudoku]

forse mi perdo qualcosa io...ma tu hai un solo menu...

[Xmanga]

Non ho un solo menu
-Top menu

-Menu Principale
-Attività
-Menu Utente


questi sono i Menu cos Swmenu free pui sceglierne solo 1
e per il top menu mi va benissimo, voglio solo migliorare un po la grafica dei restanti modificando il loro colore

[sudoku]

#nav h3 {    border-bottom: 1px solid #DDDDDD;    color: #E5E5E5;    font-family: 'Titillium Maps',Arial;

ul.menu li a:link, ul.menu li a:visited {    background: url("../images/nature/karo.gif") no-repeat scroll 5px 12px rgba(0, 0, 0, 0);    color: #FFFFFF;}ul.menu li.active a:link, ul.menu li.active a:visited {    color: #333333;}

etc..... devi lavorare sul file personal.css

[Xmanga]

Ok cosi cambia il colore del testo
ma io voglio cambiare il background

[Xmanga]

Sto continuando a cercare di capire come cambiare il background del menu e mi sembra di aver capito di doverlo creare come immagine!
ma non trovo da nessuna parte che spieghi le dimensioni da dare all'immagine da utilizzare, inoltre io li voglio dare un colore particolare come faccio?


Poi rimane il discorso del cambio colore durante il passaggio del mouse, e qui non ho proprio capito dove metterci le mani

[maxzilla]

Sto continuando a cercare di capire come cambiare il background del menu e mi sembra di aver capito di doverlo creare come immagine!

intendi la fascia grigio chiaro sotto i bottoni del menu orizzontale?

[Xmanga]

no
ho usato swmenu per fare il top Menu e come si vede dal link risulta che la pagina in cui ci ci trova viene evidenziata con un grigio scuro, le restanti con grigio chiaro, quando si passa il mouse sul menu le voci diventano verdi
Ora la versione free per mette di modificare 1 solo menu i voglio rendere i restati
Menu principale ecc
più simili a top menu quindi mettere alle voci del menu lo sfondo grigio chiaro, magari il grigio scuro al nome del Menu, e quando si passa con il mouse il colore verde
Attualmente quando si passa sul menu si vede un grigio molto chiaro


Sono non trovo la parte da modificare, ho capito di dover agire sul file personal.css
ma non so bene dove

[maxzilla]

su personal.css

prova ad aggiungere background-color: #colore; per il colore dei bottoni dove trovi

Codice: [Seleziona]

ul.menu li {    border-bottom-color: #DDDDDD;    border-bottom-style: solid;    border-bottom-width: 1px;    background-color: #999;}

prova ad aggiungere background-color: #colore; e togliere background-image: url("../images/nav_level_1.gif"); per avere un colore senza sfumature dove trovi:

Codice: [Seleziona]

ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus, ul.menu li.active a:hover, ul.menu li.active a:active, ul.menu li.active a:focus {    background-attachment: scroll;    background-clip: border-box;    background-color: #FFFFFF;    /* background-image: url("../images/nav_level_1.gif"); */
    background-origin: padding-box;    background-position: 0 0;    background-repeat: repeat-x;    background-size: auto auto;    color: #095197;

    background-color: #ff0000;}
Altre informazioni puoi darle sempre dove trovi ul.menu

[Xmanga]

Scusa ci sono una marea di ul.menu dove devo aggiungerlo?
e poi non ho "background-image:url (../images/nav...

[sudoku]

Credo tu stia facendo il passo più lungo della gamba: se non hai idea di come sia scritto un CSS avrai sempre difficoltà. Nè puoi pretendere che qui tu possa trovare tutte le risposte ai molti dubbi.

[maxzilla]

Concordo con sudoku,

Xmanga ti e' stato spiegato in due modi la stessa procedura.
Ti consiglio di studiare i CSS, ti saranno sempre utilissimi per personalizzare il tuo sito.

ciao 

[Xmanga]

ok
grazie a tutti, ho capito che devo imparare il css
pensavo fosse una cosa più semplice!
ma mi sono sbagliato e di molto
Grazie per la pazienza