[RISOLTO] Come "opacizzare" colonne menù e sfondi articoli

[big86]

Torno a "rompervi" le scatole 
Il mio problema ora è: come "opacizzo" gli sfondi delle colonne menù e degli articoli?
Ho cercato qualsiasi tipo di colore da poter mettere sia come principale che come hover, ma visto che ho diversi colori negli sfondi del template, non ne trovo di adatti!

http://outgroup.altervista.org/sito/index.php/organizzazione-eventi.html  (se volete dare un'occhiata)

Quindi la mia soluzione è quella di opacizzare i diversi blocchi, ma il problema è: come faccio? 
A voi l'ardua sentenza

[SkizZO]

Devi togliere tutte le immagini di sfondo ed il colore di sfondo ad articoli e colonne tramit css, poi vai nel contenitore del sito, a me è maincontent, e li imposti un'immagine con il repeat
L'immagine la fai opaca con Photoshop...

Io ho fatto così www.gliamicidelmare.it

[big86]

Ciao e grazie della risposta.
Ti chiedo solo una cosa: potresti dirmi passo passo come fare?
Mi sto avvicinando solo ora alla modifica di css, php ecc.. quindi non ne so molto di queste cose.
Se vuoi posso postarti il codice del mio css del template.

[adottauncane]

Mmmmm con il tuo template non è che sia semplicissimo... almeno dai css
Ad esempio, puoi opacizzare la colonna di sinistra così (l'immagine è presa a prestito dal template Ja Purity, poi puoi farne un'altra ad hoc)
#leftcol {

background-image:url("http://outgroup.altervista.org/sito/templates/ja_purity/images/header-mask.png"); <--- aggiungi

}

template.css (riga 14)

#rightcol {
background-image:url("http://outgroup.altervista.org/sito/templates/ja_purity/images/header-mask.png"); <--- aggiungi
}
template.css (riga 7)

Mentre per lo sfondo prova a sostituire con questo:

Codice: [Seleziona]

.contentpaneopen, .contenttoc {
background-attachment:scroll;
background-color:transparent;
background-image:url("http://outgroup.altervista.org/sito/templates/ja_purity/images/header-mask.png");
background-position:0 0;
background-repeat:repeat;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
template.css (riga 143)

Però, secondo me, faresti meglio a opacizzare direttamente l'immagine di sfondo...

[tonicopi]

Oppure fai così per la colonna left nel template.css riga 14:

Codice: [Seleziona]

#leftcol {
background-color:#EEEEEE;
opacity:0.4;
filter: alpha(opacity=40);
}Puoi cambiare il colore di sfondo (può essere anche un'immagine) e il valore della trasparenza che come impostata in questa regola è del 40%. Si usa la sintassi opacity che è quella corretta e anche filter per farla digerire a IE...   

[big86]

Facendo così

Codice: [Seleziona]

#leftcol {
background-color:#EEEEEE;
opacity:0.4;
filter: alpha(opacity=40);
}
tutta la colonna di sinistra diventa tutta trasparente, compresi i moduli che ci sono!

[big86]

Grazie adottauncane!
Anche questa volta mi hai dato un consiglio molto utile!
Se hai voglia prova a dargli un'occhiata se può andare bene, a me non dispiace...!
Grazie ancora...!

[adottauncane]

  sì, mi sembra vada bene... Se vuoi creare una nuova immagine semitrasparente, puoi poi sostituirla a quella e metterla nella cartella del template... devi solo poi modificarne il percorso... Ricordati il [RISOLTO]...
Buon lavoro.

[ilfriz80]

grazie 1000 anche per me