Aggiungere lista dei servizi nell'indice (come quella nel FDF)

Promemoria primo messaggio :

Volete inserire questa funzione nel vostro forum?

Bastano pochi passi!

1. Modifica da CSS
Aggiungete al vostro Foglio di Stile CSS (PDA->Visualizzazione->Colori->Foglio di Stile CSS) questo testo:

Codice:

.img_list_hp {
border: 1px solid #0372BE;
padding: 0;
float: left;
color: #FFF !important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.img_list_hp:hover {
background-color: #DCEAF5;
}

.img_list_hp img {
padding: 8px 15px;
}

.img_list_hp span {
background-color: #0372BE;
color #FFF;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #FFF !important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}

2. Inserimento nel messaggio sull'Indice

Inserite su PDA->Visualizzazione->Prima pagina->Generalità->Messaggio sull'indice il seguente testo.

Codice:

<script>
jQuery(function() {
jQuery('.img_list_hp img').mouseover(function() {
jQuery('#img_list_alt').html(jQuery(this).attr('alt'));
}).mouseout(function() {
jQuery('#img_list_alt').html('Passa il mouse sopra una delle immagini per conoscere meglio il nostro forum!');
});
});
</script>

Poi, inserite questo testo, modificato, tante volte quanto il numero di riquadri che volete pubblicare.

Codice:

<div class="img_list_hp"><a href="Indirizzo URL della sezione"><img height="59" src="Indirizzo URL dell'immagine" alt="Descrizione al passaggio del mouse"><span>Titolo del riquadro</span></a></div>

Infine, aggiungete alla fine del codice questo testo:

Codice:

<div style="clear: both" id="img_list_alt">Passa il mouse sopra una delle immagini per conoscere meglio il nostro forum!</div>

Premete su Registrare ed è tutto fatto!

---

Nota: Per qualche motivo astruso (<.<), se le parole nella descrizione

Passa il mouse sopra una delle immagini per conoscere meglio il nostro forum!

sono più o meno di 13, passando il mouse sulle immagini non succede niente.

Quindi, se dovete modificare tale frase, assicuratevi le che parole siano 13.

Sicuro di aver inserito correttamente il codice? prova a togliere lo script della neve può dare problemi...