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.


SPIPr éduc : insérer un nuage de mots-clés

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

padding:10px;
margin-bottom:20px;
box-shadow: 0 0 4px #666;

.nuage {
text-align:center;
li {display:inline-block; padding: 3px 6px;}
br.autobr {display: none;}
a:hover {background-color:transparent; color:green;}
}

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:"Calibri";}

Liens vers 2 documentations sur le site Spip Contrib :