Tag Cloud

[adam_sfp]

Bonjour tout le monde,

Voici l'effet Tag Cloud qui peut, peut être, vous intéresser pour votre forum.
Vous pouvez le placer dans un widget ou une page HTML..

L'effet obtenu est une rotation de liens.
Vous pouvez bien sûr le redimensionner, changer les couleurs, etc.

ATTENTION ce n'est pas facile : vous devez bien suivre les instructions.

• Commençons avec un seul lien rotatif. Pour l'exemple, nous utiliserons le lien du portail du Forum des forums.

<script type="text/javascript" src="http://perso.numericable.fr/antonywar/tagcloud.js"></script><div id="wpcumuluswidgetcontent"><p style="display:none;"></p><p>WP Cumulus Flash tag cloud by <a href="http://www.roytanck.com">Roy Tanck</a> requires Flash Player 9 or better.</p></div><script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999);var widget_so = new SWFObject("http://storage.canalblog.com/47/80/18753/32716104.swf?r="+rnumber, "tagcloudflash", "300", "300", "9", "#000000");widget_so.addParam("allowScriptAccess", "always");widget_so.addVariable("tcolor", "0x00FFFF");widget_so.addVariable("tcolor2", "0x00FFFF");widget_so.addVariable("hicolor", "0x00FFFF");widget_so.addVariable("tspeed", "100");widget_so.addVariable("distr", "");widget_so.addVariable("mode", "tags");widget_so.addVariable("tagcloud", "%3Ctags%3E%3Ca+href%3D%27http%3A%2F%2Fforum.forumactif.com/portal.htm%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EPORTAIL%3C%2Fa%3E%3E%3E%3C%2Ftags%3E");widget_so.write("wpcumuluswidgetcontent");</script>

Ce que vous pouvez modifier :
- en rouge : votre lien. (Pensez à ne pas mettre les http://)
- en orange : le nom de votre lien (ici PORTAIL)
- en bleu : les dimensions de votre Tag Cloud (vous pouvez les modifier
- en vert : la couleur de fond du Tag Cloud (ici, noir)
- en bordeau : la vitesse de rotation (ici, 100)

Copiez/collez ce code dans un widget, ou dans une page HTML.

Vous obtiendrez ceci :


• Rajoutons un second lien : le lien de la liste des membres du Forum des forums.

ATTENTION à bien coller le code au bon endroit, c'est là que ça se complique...

Voici l'extrait pour rajouter un lien :

%3E%0A%3Ca+href%3D%27http%3A%2F%2Fforum.forumactif.com/memberlist.forum%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EMEMBRES%3C%2Fa

il faut coller ce code à la suite du premier juste après le dernier "Fa" et avant %3E%3E%3E (en gras sur le code suivant)

Vous allez donc maintenant avoir ce code

<script type="text/javascript" src="http://perso.numericable.fr/antonywar/tagcloud.js"></script><div id="wpcumuluswidgetcontent"><p style="display:none;"></p><p>WP Cumulus Flash tag cloud by <a href="http://www.roytanck.com">Roy Tanck</a> requires Flash Player 9 or better.</p></div><script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999);var widget_so = new SWFObject("http://storage.canalblog.com/47/80/18753/32716104.swf?r="+rnumber, "tagcloudflash", "300", "300", "9", "#000000");widget_so.addParam("allowScriptAccess", "always");widget_so.addVariable("tcolor", "0x00FFFF");widget_so.addVariable("tcolor2", "0x00FFFF");widget_so.addVariable("hicolor", "0x00FFFF");widget_so.addVariable("tspeed", "100");widget_so.addVariable("distr", "");widget_so.addVariable("mode", "tags");widget_so.addVariable("tagcloud", "%3Ctags%3E%3Ca+href%3D%27http%3A%2F%2Fforum.forumactif.com/portal.htm%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EPORTAIL%3C%2Fa%3E%0A%3Ca+href%3D%27http%3A%2F%2Fforum.forumactif.com/memberlist.forum%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3EMEMBRES%3C%2Fa%3E%3E%3E%3C%2Ftags%3E");widget_so.write("wpcumuluswidgetcontent");</script>

Et vous obtenez ceci :


• Vous pouvez répéter l'opération autant de fois que vous avez de liens à ajouter.

Bon courage !