Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

Eliminare teffetto trasparente

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

Eliminare teffetto trasparente

Messaggioda Martina Stella » sab ott 09, 2010 7:12 pm

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
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Eliminare teffetto trasparente

Messaggioda Andy94 » sab ott 09, 2010 7:44 pm

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. [^]
[ciao]
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Eliminare teffetto trasparente

Messaggioda Martina Stella » dom ott 10, 2010 9:38 am

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ì!
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto


Re: Eliminare teffetto trasparente

Messaggioda Martina Stella » dom ott 10, 2010 10:21 am

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
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Eliminare teffetto trasparente

Messaggioda Andy94 » dom ott 10, 2010 12:05 pm

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. [^]
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Eliminare teffetto trasparente

Messaggioda Martina Stella » dom ott 24, 2010 2:27 pm

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?
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto

Re: Eliminare teffetto trasparente

Messaggioda Andy94 » dom ott 24, 2010 3:56 pm

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.
Avatar utente
Andy94
Membro Ufficiale (Gold)
Membro Ufficiale (Gold)
 
Messaggi: 9998
Iscritto il: lun apr 09, 2007 8:39 pm

Re: Eliminare teffetto trasparente

Messaggioda Martina Stella » lun ott 25, 2010 2:56 pm

Ancora una volta mi hai salvato [:)] Non so cosa farei senza questo forum...
http://www.vampirediaries-love.net/
Avatar utente
Martina Stella
Senior Member
Senior Member
 
Messaggi: 354
Iscritto il: ven gen 16, 2009 3:02 pm
Località: Treviso, Veneto


Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising