Trasparenza content area

[d3ntin]

Salve,

è un pò che giro per il web ma non riesco a trovare una soluzione al mio problema.
Ho un sito realizzato su template Beez 20 modificato. Voglio che lo sfondo della pagina sia semitrasparente, in modo che si veda l'immagine di sfondo...l'effetto che volevo raggiungere è simile a questo: http://www.davidrevoy.com/2-portfolio.html
l'area che non riesco q rendere semitrasparente è quella dei contenuti...qualcuno sa aiutarmi? Grazie!

p.s. il sito è in locale, non è accessibile via web...

[berry]

Se il sito è in locale darti indicazioni precise è dura poiché dipende tutto da come è fatto il template.

Devi cercare con firebug o simili quali sono i div con il colore di sfondo che vuoi eliminare e sostituirlo con una immagine png semitrasparente

[d3ntin]

Il template è il beez 20 di default dell'installazione di joomla 2.5, lo stesso che ho usato qui veneticamilitia.altervista.org/home/#

l'idea sarebbe di rendere lo sfondo bianco semitrasparente, e magari utilizzare un altro colore invece del bianco...

[berry]

nei css del template ne hai 1 che si chiama personal.css, nella riga 299 viene definito lo sfondo dei contenuti, è questo che devi modificare

[d3ntin]

riporto quello che ho nella sezione #contentarea (riga 299 di personal.css):

Codice: [Seleziona]

#contentarea,
#contentarea2
{
    /*background: #ffffff rgba(0, 0, 0, 0.6);*/
    background: #000000 url(../images/personal/transparent_bg.png) ;
}

l'immagine transparent_bg è un png bianco semitrasparente...nonostante questo, la pagina mi visualizza uno sfondo nero semitrasparente sotto il quale sembra esserci del bianco...domanda OT: per postare una foto come faccio? devo per forza caricarla su qualche sito...?

[berry]

togli questo

#000000

[d3ntin]

tolto quello lo sfondo diventa bianco...l'immagine di sfondo sono sicuro che è trasparente...

[berry]

purtroppo a non essere online è difficile, potrebbe esserci qualche altro div con lo sfondo bianco, devi cercare con firebug o simili.

com'è adesso la riga 299?

[d3ntin]

allora, se uso firebug e seleziono l'area interessata, il foglio stile mostra questo:

Codice: [Seleziona]

#contentarea, #contentarea2 {
    background: url("../images/personal/transparent_bg.png") repeat scroll 0 0 transparent;
}#contentarea, #contentarea2 {
    margin: 0;
    overflow: hidden;
    padding: 0 10px !important;
    position: relative;
}* {    margin: 0;
    padding: 0;
}#all {
    color: #333333;
}#all {
    font-size: 0.8em;
}#all {
    text-align: left;
}element.style {
    font-size: 100%;
}body {
    color: #333333;
    font-family: arial,helvetica,sans-serif;
}body {
    font-size: 100.01%;
    text-align: center;
}

nel personal.css la riga 299 è così:

Codice: [Seleziona]

#contentarea,
#contentarea2
{
    /*background: #ffffff rgba(0, 0, 0, 0.6);*/
    background:  url(../images/personal/transparent_bg.png) ;
}

ma quali sono i div che controllano quello sfondo...?

[berry]

se quello che stai facendo, come hai detto sopra è uguale a questo http://www.veneticamilitia.altervista.org è il #contentarea

porva solo così

Codice: [Seleziona]

#contentarea{
    background: url("../images/personal/transparent_bg.png") repeat;
}