Eliminare teffetto trasparente

[Martina Stella]

Ciao a tutti. Sono alle prese con un nuovo problema. Il mio blog realizzato con wordpress presenta uno spiacevole effetto trasparenza nel menù superiore delle pagine
http://www.vampirediaries-love.net/
Da quello che ho capito è un problema di CSS...però non me ne intendo

qui potete trovare il css del mio tema se avete qualche minuto da dedicarmi

https://pfz8da.blu.livefilestore.com/y1 ... txt?psid=1

io al posto di trasparente vorrei fosse nero

[Andy94]

Non vedo il file CSS che hai postato, ma ho comunque dato un occhio allo stile del tuo sito.
A seconda che tu voglia modificare solo lo sfondo del titolo di menu o anche le sottovoci (o entrambi) queste sono le righe che devi trovare e modificare.
Per il titolo di menu, trova questo insieme di regole:

Codice: Seleziona tutto

#nav a:hover{color:#fff;background:url(/blog/wp-content/themes/irresistible/images/bg-nav.png);-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}

E sostituisci tutto quello che trovi in background (dalla parola url alla chiusura della tonda) con:

Codice: Seleziona tutto

#000000

Per le sottovoci, trova

Codice: Seleziona tutto

#nav li ul li
a{background:url(/blog/wp-content/themes/irresistible/images/bg-nav.png);line-height:18px;font-size:11px;color:#fff;width:150px;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}

E cambia sempre quello che trovi in background con lo stesso esadecimale che ti ho passato sopra.

Se vuoi, si può anche far sì che il nero sia parzialmente trasparente, sostituendo l'esadecimale con

Codice: Seleziona tutto

rgba(0,0,0,0.4)

Avendo cura di variare l'ultima cifra con una compresa fra 1 (più chiaro) e 9 (più opaco). Scrivere l'esadecimale e basta equivale a considerare il colore nel pieno della sua opacità.

Spero di averti aiutata.
Per ogni cosa siamo sempre qui.

[Martina Stella]

Grazie mille, appena ho un momento provo e vi faccio sapere! Mi stupisco sempre della disponibilità che trovo qui sul forum di MegaLab...non dappertutto è così!

[Martina Stella]

allora nel file style.css ho individuato la stringa che mi hai suggerito

#nav li ul li a {
background: url(images/bg-nav.png);
line-height: 18px;
font-size: 11px;
color: #fff;
width: 150px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

ho semplicemente sostituito url(images/bg-nav.png) con #000000 e ho ottenuto l'effetto desiderato, perché se toglievo gli altri righi il menù veniva sballato. Grazie ancora

[Andy94]

Esattamente quello che ti avevo detto.
Avevo aggiunto che, se volevi tenere un minimo di trasparenza, potevi lavorare con l'rgba.

Quella riga però si riferisce soltanto ai titoli di menu, e non alle sottovoci.

[Martina Stella]

Ciao, avrei un altro piccolo problema con il menù e il CSS. Quel menù mostra le pagine che al momento sono 8. Io vorrei aggiungerne un'alta ma non ci sta e va a finire sotto, il tema crea due righe in pratica mentre io voglio farle stare tutte su una riga. Immagini che nel css ci siano dei valori da modificare ma non saprei proprio quali. Potete aiutarmi?

[Andy94]

Cerca la riga

Codice: Seleziona tutto

#nav
a{color:#e7e7e7;font-size:14px;font-weight:bold;display:block;text-decoration:none;padding:9px
15px;text-transform:uppercase}

E divertiti a modificare il valore 15 all'interno della riga padding finchè non vedi che ci stanno.

[Martina Stella]

Ancora una volta mi hai salvato Non so cosa farei senza questo forum...