Descrizione: Ecco un altro frammento di codice che ci permette di inserire nel footer del nostro forum le icone in un effetto js apri e chiudi. (Vedi Immagine per farti un idea) Carica queste 2 immagini nella cartella images del tuo stile, clicca con il tasto destro del mouse e salvale sul tuo pc.
Apri styles/prosilver/template/index_body.html
Trova:
Codice: Seleziona tutto
<!-- IF NEWEST_USER -->
<h3>{L_STATISTICS}</h3>
<p>{TOTAL_POSTS} • {TOTAL_TOPICS} • {TOTAL_USERS} • {NEWEST_USER}</p>
<!-- ENDIF -->
Codice: Seleziona tutto
<h3>{L_LEGEND} <a href="javascript:collapse1.slidedown()" title="{L_EXPAND_VIEW}"><img src="{T_THEME_PATH}/images/open.png" alt="{L_EXPAND_VIEW}" /></a> <a href="javascript:collapse1.slideup()" title="{L_COLLAPSE_VIEW}"><img src="{T_THEME_PATH}/images/close.png" alt="{L_COLLAPSE_VIEW}" /></a></h3>
<div id="leg">
<p>{FORUM_UNREAD_IMG}{L_UNREAD_POSTS}</p>
<p>{FORUM_IMG}{L_NO_UNREAD_POSTS}</p>
<p>{FORUM_LOCKED_IMG}{L_FORUM_LOCKED}</p>
</div>
<script type="text/javascript">
//Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse1=new animatedcollapse("leg", 1000, false)
</script>
Trova:
Codice: Seleziona tutto
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
Codice: Seleziona tutto
<script type="text/javascript" src="{T_TEMPLATE_PATH}/animatedcollapse.js"></script>
In fondo incolla questo
Codice: Seleziona tutto
/* Legend */
#leg {
padding-top: 10px;
}
#leg p {
float: left;
min-width: 300px;
}
#leg p:nth-child(3n+1) {
clear: both;
}
#leg img {
margin-right: 5px;
vertical-align: middle;
}