Sfondo semitrasparente???

[giov]

Buon giorno a tutti, sto utilizzando il template A4joomla-sunset, gli ho cambiato lo sfondo, ma vorrei inserire sotto gli articoli e i men laterali una specie di patina semitrasparente, qualcuno sà dirmi come si potrebbe fare?

[giovi]

ciao giov, per assicurarti la massima compatibilità ti conviene usare un'immagine png con una opacità minore del 100% da impostare come sfondo del div. Altrimenti esiste un filtro nel css3 molto più immediato ma non è accettato da tutti i browser

La dichiarazione per il secondo metodo sarebbe questa:

Codice: [Seleziona]

elemento{background: rgba(255, 0, 0, 0.2);}dove i primi 3 sono i valori del colore espressi con il classico metodo rgb  (non è il codice esadecimale a cui sei abituato!) e l'ultimo è il valore dell'opacità.

[giov]

ok, ma dove vado ad inserire questo codice?

[giovi]

nel css giov!

[giov]

scusa la mia ignoranza ma quale sarebbe?

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[giovi]

forse l'ultimo, non sono un indovino e non conosco il template!

[giov]

la tua intuizione è giustissima :-), peccato che il lavoro non viene bene :-(( provo con la prima opzione

[giovi]

il risultato visivo che si ottiene è identico, devi solo controllare i parametri che inserisci!

[xplosion]

Avevo letto tempo fa (non mi ricordo dove) di una soluzione interessante con l'utilizzo di un immagine di 4x4 pixeli, che si può creare molto facile con qualsiasi programma di grafica, il trucco è che i 2 pixeli di una diagonale devono essere trasparenti, gli altri due del colore desiderato, qualcosa chiaro di solito insomma. Il file (preferibilmente PNG per preservare la traspareza) viene alla fine impostato come background utilizzando un'istruzione css tipo:

Codice: [Seleziona]

body {background-image: url(sfondo.png); background-repeat: repeat;}

[giov]

la tua idea è molto utile, ma va bene per il corpo esterno, a me servirebbe sotto l'articolo e sotto i moduli laterali, sai gli vorrei dare tipo un effetto di profondità

[xplosion]

E non puoi estrapolare l'ideea ?

Supponiamo che il tuo modulo ha una classe chiamata pippo. Allora scrivi nel css:

Codice: [Seleziona]

.pippo {background-image: url(sfondo.png)!important; background-repeat: repeat!important;}Dovrebbe funzionare...