Nuage de mots animés (Tag Cloud)



♦ Nuage de mots animés (Tag Cloud)

(faites les dernières mises à jours sur votre ordinateur pour que flash player fonctionne correctement)

Voici un exemple simple de nuage de mots animés avec le fichier SWF et le code HTML que vous pouvez adapter et modifier facilement pour les placer sur votre Site Web.



Passez la souris pour animer les mots de la démonstration.



Voici le code html pour cette animation flash:

Vous pourrez modifier le nom des villes par le texte de votre choix et changer l'URL et les couleurs qui vous conviennent.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>
<title>Nuage de mots (Tag Cloud) avec Webinfotuto.free.fr</title>
</head>

<div>
<div style="text-align: center; ">Passez la souris sur les mots pour animer le contenu.<BR>
<embed id=tagcloud height=250 name=tagcloud  style="border: 1px solid #CCCBC8;"  type=application/x-shockwave-flash width=250 
src=tagcloud.swf quality="high" 
flashvars="tcolor=0x2B8852&mode=tags&distr=true&tspeed=200&tagcloud=<tags>
<a href='http://webinfotuto.free.fr/' style='20' color='0x2F189A' hicolor='0xAE0B1B'>Paris</a>
<a href='http://webinfotuto.free.fr/' style='12'>Madrid</a>
<a href='http://webinfotuto.free.fr/' style='13'>Rome</a>
<a href='http://webinfotuto.free.fr/' style='10'>Londres</a><a href='http://webinfotuto.free.fr/' style='12'>Berlin</a>
<a href='http://webinfotuto.free.fr/' style='17'>New York</a>
<a href='http://webinfotuto.free.fr/' style='12'>Moscou</a>
<a href='http://webinfotuto.free.fr/' style='15'>Tokyo</a>
<a href='http://webinfotuto.free.fr/' style='12'>Pekin</a>
<a href='http://webinfotuto.free.fr/' style='12'>Dakar</a>
<a href='http://webinfotuto.free.fr/' style='12'>Mexico</a>
<a href='http://webinfotuto.free.fr/' style='12'>Athènes</a>
<a href='http://webinfotuto.free.fr/' style='18'>Dublin</a>
<a href='http://webinfotuto.free.fr/' style='12'>Luxembourg</a>
<a href='http://webinfotuto.free.fr/' style='12'>Amsterdam</a>
;</tags>" 
bgcolor="#ffffff" allowscriptaccess="always"></embed></div>
</div>

</body>

</html>


Il vous faut aussi télécharger le zip contenant le fichier tagcloud.swf à copier dans le même répertoire que votre page html.


Lire la suite »





D'autres tutoriels :
Carrousel d'images
Flip avec images
Nuage de mots animés
Nuage de mots et images










0181164