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

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.

Come ti avevo detto il tutor e' stato reinserito da yoko..... attento con le parole comincio a stancarmi...

Scusa, in questo tutorial quali parole non ti vanno bene?

Ce qualcosa che non va. a me mi fa cosi e non e normale

virtualFire ha scritto:Ce qualcosa che non va. a me mi fa cosi e non e normale

Che versione usi? Nel mio forum (phpbb3) funziona alla perfezione.

Anche a me all'inizio (su phpbb3) mi dava lo stesso problema, ma dopo qualche minuto ho ri-aggiornato la pagine e adesso funge alla perfezione.


Bye

Hmm... Gli Amministrattivi non hanno ancora rilasciato il tutoriale... Yoko o Rey! hanno dato il loro consenso alla pubblicazione di questa risorsa?

Chiederò conferma...

XSync ha scritto:Hmm... Gli Amministrattivi non hanno ancora rilasciato il tutoriale... Yoko o Rey! hanno dato il loro consenso alla pubblicazione di questa risorsa?

Chiederò conferma...

È forse una funzione riservata di questo forum? No, è presente anche in altri, è solo un ammasso di codici. È stata Yoko stessa a rendere nuovamente visibile questo tutorial, ergo stavolta c'è poco da fare i bacchettoni. Pubblicandolo non ho fatto nessun torto a ForumAttivo, non ho messo in pericolo la sicurezza del FDF né niente. In questa funzione non c'è nulla di specifico del FDF

no ho phpbb2

a me non funge

Spacca sii preciso... In che senso non funziona?

non appare proprio nulla"

Vic Mackey ha scritto:Scusa, in questo tutorial quali parole non ti vanno bene?

...in questo codice non c'e niente che non mi sta bene, lo ha scritto forumattivo... quello che non mi sta bene e quello hai scritto tu dopo che ti ho spostato il codice...ti risposndo solo a una delle tua osservazione : se non ti piace come viene gestito questo forum...non necessariamente ci devi venire...gli altri non lo so ..ma per quanto mi riguarda continuo a vivere anche se non ti vedo sul forum. e ti ripeto per la millesima volta questo staff a te non ti deve niente se facciamo quello che facciamo e perche' ci piace e ci va di farlo...ma a te non deve niente. detto questo qui chiudo

Per XSync : tutto a posto...il codice poteva essere pubblicato

Spacca ha scritto:non appare proprio nulla"

Sei sicuro di aver apportato la modifica al CSS e di aver seguito tutti gli altri passi alla lettera? Perché quei codici sono esattamente gli stessi che uso sul mio forum, e funziona alla perfezione, così come funziona anche a Cl0ud.

si si!
non appaiono!

Spacca ha scritto:si si!
non appaiono!

A questo punto mi viene il dubbio che funzioni solo sui forum in versione phpbb3...

si anche io ho provato e non funziona

ho punBB

Ho provato su un altro forum di prova in phpbb3, e funziona.
Ora provo con le altre versioni.

allora PunBB non funge!

Ho chiesto in altri forum di supporto, e mi è giunta la conferma: questi codici sono validi solo in forum phpbb3.

Vic Mackey ha scritto:Ho chiesto in altri forum di supporto, e mi è giunta la conferma: questi codici sono validi solo in forum phpbb3.

Ciao,

principalmente è per la versione phpbb3 perché i codici sono stati configurati per quella versione.

in altre versioni funziona, ma può dare qualche problema nella visualizzazione o ecc.

Vic Mackey ha scritto:Ho chiesto in altri forum di supporto, e mi è giunta la conferma: questi codici sono validi solo in forum phpbb3.

non e' del tutto esatto...quando ho inserito il codice completo
https://aiuto.forumattivo.it/t10550-menu-di-navigazione-forumattivo
l'ho testato sul mio forum di prova (invision) e funzionava tutto...ora e normale che secondo la versione che lo inserisci devi fare delle modifiche alla home. Ho rinserito un pezzo di codice tanto per conferma e funziona anche su invision

nel mio forum di prova mi visualizza il codice uno sotto l'altro!

Spacca ha scritto:nel mio forum di prova mi visualizza il codice uno sotto l'altro!

Forum di prova di che tipo? Se non è phpbb3, guarda le risposte sopra la tua, se è phpbb3... Assicurati di aver fatto la modifica al CSS

@Yoko, Crow, grazie per le precisazioni

Ma io ho phpbb3 e guardate che mi fa:

Perchè???