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) :
a.nuage5{font-size:1.5em;}
a.nuage8{color:3300ff;}
a.nuage2{font-family:"Calibri";}
Mots clés : sites web