Una legenda interattiva


Una legenda interattiva

Messaggio Da Ospite il 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



Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum