Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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.

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", "[color=blue]300[/color]", "[color=blue]300[/color]", "9", "[color=green]#000000[/color]");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%2F[color=red]forum.forumactif.com/portal.htm[/color]%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3E[color=orange]PORTAIL[/color]%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 :
Code:
%3E%0A%3Ca+href%3D%27http%3A%2F%2F[color=red]forum.forumactif.com/memberlist.forum[/color]%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3E[color=orange]MEMBRES[/color]%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
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", "[color=blue]300[/color]", "[color=blue]300[/color]", "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", "[color=darkred]100[/color]");widget_so.addVariable("distr", "");widget_so.addVariable("mode", "tags");widget_so.addVariable("tagcloud", "%3Ctags%3E%3Ca+href%3D%27http%3A%2F%2F[color=red]forum.forumactif.com/portal.htm[/color]%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3E[color=orange]PORTAIL[/color]%3C%2[b]Fa[/b]%3E%0A%3Ca+href%3D%27http%3A%2F%2F[color=red]forum.forumactif.com/memberlist.forum[/color]%27+class%3D%27tag-link-89%27+title%3D%271+sujet%27+style%3D%27font-size%3A+8pt%3B%27%3E[color=orange]MEMBRES[/color]%3C%2Fa[b]%3E%3E%3E[/b]%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 !

avatar

Adam_sfp
Membre actif

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

http://antonyadam.kanak.fr
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