Le but de ce tutoriel est de vous apprendre comment faire des miniatures propres et légendées sur les fiches, comme celles que l'on peut trouver sur la fiche Tahu, par exemple. Ce tutoriel s'adresse avant tout aux NuvaUploadeurs, ceux-ci étant chargés d'insérer ces miniatures dans les fiches. Néanmoins, si vous êtes intéressé pour le faire même si vous n'êtes pas NuvaUploadeur, vous êtes invité à insérer ces images, même si ce n'est pas obligatoire.

Pour comprendre ce tutoriel dans son intégralité, notamment la signification du code donné, il est conseillé d'avoir lu (et compris) le tutoriel sur les notions avancées de BBcode. Néanmoins, cela n'est pas forcément nécessaire.

Avant tout, les images à mettre en miniatures doivent être hébergées dans la NuvaGalerie. Si ce n'est pas le cas, vous pouvez les téléverser vous-même, ou bien demander à un NuvaUploadeur de s'en occuper. Notez bien que, si vous décidez de les téléverser vous même, il faudra que vous attendiez qu'un NuvaUploadeur valide vos images.

Après cela, il faut obtenir l'URL de l'image, réduite à 100 pixels de largeur. Pour réduire l'image à cette largeur, utilisez les outils de transformation d'image de la NuvaGalerie, accessibles à partir de l'ascenseur où est affiché par défaut « Photo normale ». Pour y accéder, il faut régler cette ascenseur sur « Effets spéciaux ».

Sur la page où vous arrivez, il vous faut cocher la case « Redimensionner », et régler « Largeur » sur 100, puis appliquer les effets choisis. Récupérez l'URL de l'image ainsi obtenue. Sous Firefox, il suffit de faire un clic droit sur l'image et sélectionner « Copier l'adresse de l'image » pour envoyer cette URL dans le presse-papier. Après cela, il suffit de faire un clic droit puis « Coller » dans un logiciel de traitement de texte pour récupérer cette URL.

Au niveau de la fiche, il faut ajouter le code suivant pour insérer une miniature d'image avec légende.

Code:

<div class="minimg" style="float:CÔTÉ;"><a href="LIEN"><img src="IMAGE"/></a>LÉGENDE</div>

Les mots en majuscule sont à remplacer par les éléments suivants :

• CÔTÉ : le côté où doit être situé l'image (gauche ou droite) en anglais (donc « left » ou « right », respectivement).
  
• LIEN : l'URL de la page de l'image dans la NuvaGalerie.
  
• IMAGE : l'URL de la miniature que vous avez récupérée précédemment.
  
• LÉGENDE : la légende de l'image, en français bien entendu.

Ce code doit être inséré sur la ligne vide précédant le paragraphe à côté duquel est situé l'image.