Legenda Icone Forum in Footer Apri è Chiudi js

[Galandas]

Autore: Estrapolato da uno dei tanti stili by Rey
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)

icon1.png

icon2.png

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} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p>
<!-- ENDIF -->

Aggiungi dopo:

Codice: Seleziona tutto

<h3>{L_LEGEND}&nbsp;<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>

Apri styles/prosilver/template/overall_header.html

Trova:

Codice: Seleziona tutto

<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>

Aggiungi dopo:

Codice: Seleziona tutto

<script type="text/javascript" src="{T_TEMPLATE_PATH}/animatedcollapse.js"></script>

Apri styles/prosilver/theme/content.css
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;
}

Da caricare nella cartella template del tuo stile:

animatedcollapse.zip