Aggiungere Il Fade Alle Immagini Delle Sezioni!
Allora prima di tutto aprite il file templates/***/index_box.tpl
Cercate la linea:
<tr>
<!-- BEGIN inc -->
<td width="46" class="{catrow.forumrow.inc.INC_CLASS}"{catrow.forumrow.LINKS_ROWSPAN}><img src="{SPACER}" width="46" height="0" alt="" /></td>
<!-- END inc -->
<!-- BEGIN inc -->
<td width="46" class="{catrow.forumrow.inc.INC_CLASS}"{catrow.forumrow.LINKS_ROWSPAN}><img src="{SPACER}" width="46" height="0" alt="" /></td>
<!-- END inc -->
E modificatela in:
<tr class="NOME_CLASSE">
<!-- BEGIN inc -->
<td width="46" class="{catrow.forumrow.inc.INC_CLASS}"{catrow.forumrow.LINKS_ROWSPAN}><img src="{SPACER}" width="46" height="0" alt="" /></td>
<!-- END inc -->
<!-- BEGIN inc -->
<td width="46" class="{catrow.forumrow.inc.INC_CLASS}"{catrow.forumrow.LINKS_ROWSPAN}><img src="{SPACER}" width="46" height="0" alt="" /></td>
<!-- END inc -->
Ora aprite il foglio di stile (style_***.css) e in fondo aggiungete:
.NOME_CLASSE img{
filter:alpha(opacity=30);
-moz-opacity: 0.5;
opacity: 0.5;
}
.NOME_CLASSE:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
filter:alpha(opacity=30);
-moz-opacity: 0.5;
opacity: 0.5;
}
.NOME_CLASSE:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
lasciate tutto come è, cambiate solo NOME_CLASSE, lasciate anche il . prima
Spero vi sia utile questa guida, poi se ci sarà un modo migliore è più veloce vi aggiornerò!
