Tag Cloud

Voir le sujet précédent Voir le sujet suivant Aller en bas

Astuce Tag Cloud

Message par Adam_sfp le Mer 24 Juin 2009 - 13:40

Tag Cloud


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.

Exclamation 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.

Exclamation 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. Wink

Bon courage !


Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum