Back to top

Autore Topic: Box semi trasparenti, mi date una mano? Tnx  (Letto 2582 volte)

Offline AndreaNobili

  • Appassionato
  • ***
  • Post: 295
    • Mostra profilo
Box semi trasparenti, mi date una mano? Tnx
« il: 17 Ott 2009, 13:51:45 »
Ciao,
questo è il sito di una scuola di danza orientale che stò sviluppando in questi giorni: http://www.siatec.net/andrea/JoomlaTest/

Il template è una personale modifica del template free planets

Potete notare che i contenuti (gli articoli, etcetc) sono posti dentro dei blocchi semi-trasparenti.

Analizzando il CSS con firebug si può notare che l'effetto di trasparenza è realizzato con il seguente codice CSS:

Codice: [Seleziona]
#column2_container_full {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/top_menu_bg.png) repeat scroll 0 0;
border:1px solid #7387A0;
float:right;
margin-top:5px;
text-align:center;
width:740px;
}

Praticamente da quello che ho capito viene usata un'immagine .png ed un'effetto trasparenza su di essa.

Volendo fare dei test per vedere se con altri colori e con altri livelli di opacità riesco a migliorare la legibilità dei contenuti volevo sapere se era possibile fare la seguente cosa:

Attribuire ad un box un colore di sfondo omogeneo (tipo grigio...invece di usare l'immagine .png) ed attribuirgli una certa percentuale di opacità.

Si può fare? Come? (ho fatto delle prove googlando ma non mi hanno portato a nulla)

Grazie
  Andrea
Visitate la mia home page: fotografia naturalistica, subacquea, paesaggi,macrofotografia, ritratti, musica e molto altro:
http://www.andreanobiliphoto.com/

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Box semi trasparenti, mi date una mano? Tnx
« Risposta #1 il: 17 Ott 2009, 14:21:22 »
ciao
x fare quello che chiedi devi fare questo
esempio di opacità

Codice: [Seleziona]
.opacity25{
filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;
}

Internet Explorer utilizza:
filter:alpha(opacity=0);

io eviterei opacità , fai un'immagine trasparente del colore che vuoi di piccole dimensioni  esempio 30x30px e sei apposto. in questo modo il lavoro e molto piu polito.

fai uno sfondo semi trasparente nero
se vuoi vai nel mio sito e dicimo scaricati gli sfondi che ho messo io so in trasparenza , ora non chiedere come fare x prenderli. ciao ciao
« Ultima modifica: 17 Ott 2009, 14:27:05 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline AndreaNobili

  • Appassionato
  • ***
  • Post: 295
    • Mostra profilo
Re:Box semi trasparenti, mi date una mano? Tnx
« Risposta #2 il: 17 Ott 2009, 14:31:35 »
ciao
x fare quello che chiedi devi fare questo
esempio di opacità

Codice: [Seleziona]
.opacity25{
filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;
}

Internet Explorer utilizza:
filter:alpha(opacity=0);

io eviterei opacità , fai un'immagine trasparente del colore che vuoi di piccole dimensioni  esempio 30x30px e sei apposto. in questo modo il lavoro e molto piu polito.

fai uno sfondo semi trasparente nero
se vuoi vai nel mio sito e dicimo scaricati gli sfondi che ho messo io so in trasparenza , ora non chiedere come fare x prenderli. ciao ciao

Ok,
ti ringrazio...qual'è il tuo sito però? :-P
Visitate la mia home page: fotografia naturalistica, subacquea, paesaggi,macrofotografia, ritratti, musica e molto altro:
http://www.andreanobiliphoto.com/

Offline AndreaNobili

  • Appassionato
  • ***
  • Post: 295
    • Mostra profilo
Re:Box semi trasparenti, mi date una mano? Tnx
« Risposta #3 il: 17 Ott 2009, 14:32:04 »
ok trovato :-P
Visitate la mia home page: fotografia naturalistica, subacquea, paesaggi,macrofotografia, ritratti, musica e molto altro:
http://www.andreanobiliphoto.com/

 



Web Design Bolzano Kreatif