Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : AndreaNobili 17 Oct 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:
#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
-
ciao
x fare quello che chiedi devi fare questo
esempio di opacità
.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
-
ciao
x fare quello che chiedi devi fare questo
esempio di opacità
.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
-
ok trovato :-P