d.6.20 + tema forest_floor
utilizzo per sfondo una immagine (fissa) e vorrei che la region content fosse opacizzato in modo da poter leggere quello che è scritto.
come posso fare?
alcuni interventi consigliano di agire sullo sfondo, ma vorrei limitarmi solo al contenuto lasciando l'immagine intatta
spero di essere stato chiaro. grazie
opacity content
Sab, 26/02/2011 - 00:37
#1
opacity content
Se ho capito bene devi aggiungere un background alla riga 68 del file style.css del tema forest_floor al div wrapper in in questo modo:
#wrapper {
width:800px;
margin:auto;
background-color: #eee;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
Esempio d’opacità al 50% per immagine che utilizzi come sfondo:
(Firefox uses the property opacity:x for transparency, while IE uses filter:alpha(opacity=x).)
img{
opacity:.40;
filter:alpha(opacity=40);
filter:”alpha(opacity=40)”;
}
Vedi http://www.w3schools.com/Css/css_image_transparency.asp
C i a o
ok grazie nel pm ci provo
funziona perfettamente
ho solo applicato lo script (...si dice così...) al #main-inner, così l'opacity interessa solo il contenuto
unico inconveniente.... l'opacità coinvolge anche le foto se diminuisco il livello sotto (0.8)
cmq grazie
Ciao ilario,
come ho fatto a sapere che il selettore su cui applicare l'attributo opacity era #wrapper ?
Semplice ho utilizzato la Web Developper http://chrispederick.com/work/web-developer/ che mi indica tra l'altro le informazioni sullo stile css. Muovendo con il mouse sopra gli oggetti della pagina mi indica il selettore. Con un click mi indica la riga di codice su cui operare.
Da provare!
Questo per dirti che dovresti applicare gli attributi ai div giusti del tuo tema.
applicando lo script a wrapper l'opacità veniva estesa anche alle altre regioni (sidebar, header) ...mentre a me interessava solo i contenuti
Allora il selettore è #main-inner (linea 261) del css. Comunque usa la WebDevelopper!
http://chrispederick.com/work/web-developer/
C i a oooo
funziona anche con windows? sembrerebbe di si ma non esiste nulla nell'area download per questo so. Io uso "strumenti di sviluppo" in "stumenti" di windows. Per quello che posso capirne uso drupal solo per diletto) sembra andare bene. ciao
provato:
tasto CSS >> visualizza informazioni sullo stile , segna il riquadro e nella barra i dati dello style. augh.
(c'è una cosa "win-simile" di zio billy, e proprio per "IE", ma come solito fa schiffio..)
Lavatrice ad ultrasuoni
Sito http://www.ultrasuoni.net > Client service and contacts: [email protected]