Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : d3ntin 11 Mar 2013, 16:26:46

: Trasparenza content area
: d3ntin 11 Mar 2013, 16:26:46

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...

: Re:Trasparenza content area
: berry 11 Mar 2013, 17:16:28

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

: Re:Trasparenza content area
: d3ntin 11 Mar 2013, 18:56:15

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...

: Re:Trasparenza content area
: berry 11 Mar 2013, 19:04:10

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

: Re:Trasparenza content area
: d3ntin 12 Mar 2013, 14:01:34

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

:

#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...?

: Re:Trasparenza content area
: berry 12 Mar 2013, 15:59:44

togli questo

#000000

: Re:Trasparenza content area
: d3ntin 13 Mar 2013, 13:36:55

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

: Re:Trasparenza content area
: berry 13 Mar 2013, 16:24:46

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?

: Re:Trasparenza content area
: d3ntin 13 Mar 2013, 17:29:08

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

:

#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ì:

:

#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...?

: Re:Trasparenza content area
: berry 13 Mar 2013, 17:40:28

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

porva solo così

:

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