Ajouter un nuage de mots-clés sous SPIPr-éduc

Ce tutoriel montre comment ajouter et configurer finement un nuage de mots-clés dans un site web utilisant SPIP et le jeu de squelettes SPIPR-éduc.

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