Una legenda interattiva

Da Ospite Mar 7 Feb 2012 - 19:17

Una legenda interattiva

Ciao,

in questo tutorial vi spiegherò come visualizzare un pop-up con la descrizione del gruppo nella legenda :good:

Questo tutorial funziona sono sui forum PunBB e PhpBB2 (templates)

Come procedere?
Inserire questo codice nel foglio CSS

Codice:: .groups li { display:inline; margin:0; }

Aggiungete nel vostro forum questi codici script (nel template overall_header prima del tag /head)

Codice:: <script type="text/javascript" src="http://stanlemon.net/javascript/jquery.js"></script> <script type="text/javascript" src="http://stanlemon.net/javascript/jquery.jgrowl.js"></script>

ora andate su PDA> Visualizzazione > Templates > homepage template
trovate questo codice:

Codice:: <p>{LEGEND} : {GROUP_LEGEND}</p>

e sostituitelo con questo:

Codice:: <p><center><ul class="groups"> <li><a onclick="$.jGrowl('The Administrator Of the forum: The Godfather');" href="javascript:void(0);"> Administrators</a></li> <li><a onclick="$.jGrowl('The Global Moderators Of the forum: The Godfather', { sticky: true });" href="javascript:void(0);">Global Moderators</a></li> <li><a onclick="$.jGrowl('The Support Moderators Of the forum: The Godfather', { sticky: true });" href="javascript:void(0);">Support Moderators</a></li> <li><a onclick="$.jGrowl('The Graphic Designers Of the forum: The Godfather', {sticky: true });" href="javascript:void(0);">Graphic Designers</a></li> <li><a onclick="$.jGrowl('Forum Members: Gangstar15', { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });" href="javascript:void(0);">Forum Members</a></li> </ul></center></p>

Ed ecco fatto! Spero che vi sia utile :good:

Il tutorial è operativo con tutti i browser ed è stato testato sul forum dei forum

Tutoriale pubblicato da Niko
All rights reserved. This tutorial in not copyrighted by Forumattivo. Everyone (support forum includes) has to ask me before copying, editing or adapting it. Thanks for your support...
Copyrigth FORUMATTIVO.COM | FA-magazine