SPIPr éduc : afficher un nuage de mots-clés - Enseigner avec le numérique
 

SPIPr éduc : afficher un nuage de mots-clés

Outil en ligne

Dans cette vidéo, vous verrez comment insérer un nuage de mots-clés et le configurer.

Voici les règles CSS et LESS proposées dans la vidéo :

padding:10px;<br />
margin-bottom:20px;<br />
box-shadow: 0 0 4px #666;<br />
<br />
.nuage {<br />
text-align:center;<br />
li {display:inline-block; padding: 3px 6px;}<br />
br.autobr {display: none;}<br />
a:hover {background-color:transparent; color:green;}<br />
}

Quelques propositions complémentaires pour adapter les CSS en fonction des tailles des mots-clés générés (fin de la vidéo) :

  • augmenter la taille d’un mot-clé de poids 5 : a.nuage5{font-size:1.5em;}
  • modifier la couleur d’un mot-clé de poids 8 : a.nuage8{color:3300ff;}
  • modifier la police de caractère d’un mot-clé de poids 2 : a.nuage2{font-family:&quot;Calibri&quot;;}

Liens vers 2 documentations sur le site Spip Contrib :