[Tutoriel] Héberger une image et l'afficher en signature

Héberger une image et l'afficher en signature

Ce tutoriel va vous permettre de comprendre comment héberger une image et comment l'incorporer à votre signature.
Tout d'abord un peu de réglementation :

Vos signatures ne devront pas dépasser les mesures suivantes :

700 pixels de large.
300 pixels de haut.

Comment savoir les dimensions d'une image ?
Un simple clic droit sur celle-ci, puis menu Informations sur l'image (si vous utilisez Firefox) ou menu Propriétés (si vous utilisez Internet Explorer). S'il s'agit d'une image présente sur votre disque dur, clic droit sur celle-ci, puis Propriétés, onglet Détails.
Elles vous seront affichées à la ligne Dimensions sous la forme : YYY x ZZZ, avec YYY la largeur et ZZZ la hauteur, données en pixels.
Vous obtiendrez également les informations concernant sa Taille (en octets) et son Type (PNG ; JPEG ; GIF ; etc.).

Si vous consultez ces infos à partir d'une image sur le net, vous pourrez également y lire son Emplacement (dans le cas de Firefox) ou son Adresse (dans le cas d'Internet Explorer). Il s'agit en fait de l'adresse URL de l'image, son lien d'accès sur le Web. Copiez-le, et passez directement à la deuxième partie de ce tutoriel.

Héberger une image

Voici maintenant comment héberger une image avec :

Cliquez ici pour vous rendre sur l'hébergeur.

La page principale d'Imageshack est composée d'une partie centrale comme ceci :

Vous devez sélectionner images et cliquer sur Browse (Parcourir).

Ici, vous recherchez dans votre ordinateur l'image que vous voulez héberger et vous faites ouvrir.
Une fois votre image sélectionnée, cliquez sur Options d'Hébergement / Redimensionnement de l'image afin d'afficher ceci :

Deux menus déroulants apparaîtront alors, vous permettant de configurer deux options importantes. Vous pourrez en premier lieu choisir de redimensionner l'image ou non, ce qui peut s'avérer très utile dans le cas où les dimensions de votre image dépassent les limites autorisées citées plus haut. Choisissez donc une taille inférieure à 700 pixels de large (prenez également garde à la hauteur). Dans le cas où votre image est d'emblée conforme aux limites établies, sélectionnez alors Ne pas redimensionner ou Optimiser sans redimensionner.
Dans un second temps, vous pourrez décider d'ajouter ou non un label (indiquant les dimensions et taille du fichier) à votre image. Si vous désirez l'héberger telle quelle, sélectionnez Non.

Vous devez enfin appuyer sur Héberger maintenant :

Votre page charge et vous êtes redirigé vers une autre. Sur la gauche, se situe un emplacement composé de divers liens. Un seul d'entre eux nous intéresse ; vous devez copier celui intitulé Lien Direct.

Il existe d'autres hébergeurs, comme Servimg ou encore Photomaniak. L'inconvénient étant qu'une inscription (fort heureusement gratuite) est requise pour pouvoir les utiliser. L'avantage en revanche est que vous pourrez gérer vos images hébergées, ainsi vous pourrez récupérer les liens chaque fois que vous en aurez besoin sans devoir les héberger à nouveau. Ils fonctionnent sur le même principe qu'Imageshack mais ont l'avantage d'être intégralement en français.

À quoi sert d'obtenir l'adresse URL de votre image ?
Et bien à pouvoir, grâce au BBCode, l'afficher sur le forum et notamment la mettre dans votre profil en guise de signature. Pour cela, rendez-vous au point suivant de ce tutoriel.
Afficher une image dans sa signature

Allez dans Profil à l'aide de la barre de navigation, tout en en haut du forum, puis cliquez sur l'onglet Préférences. Vérifiez que l'option Toujours attacher sa signature est activée. Si non, activez-la afin que votre signature soit visible à la fin des messages que vous posterez (cette option est de toute manière paramétrable indépendamment pour chaque post, Cf. tutoriel sur le BBCode [lien à venir]).

Ensuite allez dans l'onglet Signature. Vous avez ici l'aperçu de votre signature actuelle et en-dessous ce qui vous permet de l'éditer.
Vous n'avez donc plus qu'à utiliser les balises BBCode permettant d'afficher une image :

Code:

[img]Adresse URL de l'image[/img]

Vous avez par ailleurs la possibilité de la centrer ou de l'aligner à droite, de cette manière :

Code:

[center][img]Adresse URL de l'image[/img][/center]
[right][img]Adresse URL de l'image[/img][/right]

Pour plus d'information sur le BBCode et son utilisation, je vous conseille vivement de consulter ce tutoriel : Mettre en forme ses messages : le BBCode {lien à venir}

Vous devez donc obtenir ceci :

De même que lorsque vous rédigez un message sur le forum, vous avez la possibilité de prévisualiser votre œuvre avant de sauvegarder vos modifications. Vous n'avez plus qu'à enregistrer et le tour est joué. Vous aurez votre signature affichée en bas de chacun de vos messages sur le forum.

Sachez néanmoins qu'une limite de 1.000 caractères au total (espaces et caractères de balise BBCode inclus) est imposée à votre signature par ForumActif.

Voilà. Nous espérons que votre séjour ici vous sera agréable… Merci d'avoir pris connaissance de ce tutoriel. Pour toute question ou remarque complémentaire, vous pouvez contacter les Veilleurs via la messagerie privée à votre disposition.

» [Tutoriel] Configurer son Profil
» [Tutoriel] Comment rejoindre un groupe