Tutoriel insertion de photos

L'hébergeur partenaire du site pour les photos est le site [Vous devez être inscrit et connecté pour voir ce lien]

Lorsqu’un membre s’inscrit sur le forum, un compte sur le site Servimg.com est automatiquement créée avec les mêmes adresse mail et mot de passe que ceux fournis à l’inscription.

Il y a deux possibilités pour stocker et afficher des photos dans un message.
Méthode 1- A l’aide des boutons disponibles lors de la création d’un message (ou réponse à, ou édition…)
Méthode 2- En se connectant directement au site « Servimg.com » où vous aurez un accès direct à l’ensemble des dossiers et photos.

1. Méthode 1 (P1.jpg)
Avec les boutons de l’éditeur de message.
[Vous devez être inscrit et connecté pour voir cette image]

1.1. Stocker (Enregistrer) une image (P3.jpg)
Utilisation du bouton « héberger une image »
Permet de stocker une image de votre ordinateur sur le serveur Servimg.com.
[Vous devez être inscrit et connecté pour voir cette image]
Trois possibilités pour déposer les images sur le serveur :
1- Ouvrir le dossier contenant les images puis effectuer un « glisser – déposer » des images de votre ordinateur vers cette fenêtre.
2- Ce bouton ouvre l’explorateur de fichier. Sélectionner le dossier puis les images à transférer.
3- En cliquant sur ce bouton, vous devez connaitre l’adresse internet (URL) de votre image. (Chez un autre hébergeur par exemple)
4- Ensuite cliquer sur « envoyer » ou « tout envoyer » pour transférer vos images et vous arrivez à la fenêtre suivante.
Note : Nous le verrons plus loin, la « Catégorie » désigne les dossiers, si vous en avez créées, sur votre espace de stockage chez Servimg.com. Par défaut, toutes les images sont copiées dans le dossier de base.

1.2. Insérer l’image enregistrée dans le message (P4.jpg)
[Vous devez être inscrit et connecté pour voir cette image]
Deux possibilités :
A- Insérer automatiquement toutes les images dans le message.
B- « Copier-Coller » le 2° lien, complet, pour chaque image désirée directement dans le message.

1.3. Information sur les différents liens de chaque image
Pour chaque image, il y a trois « liens » pour la même photo.
1- L’adresse directe de la photo. (Ou affichage de la photo dans le navigateur)
2- Le code pour insérer la photo à sa taille normale.
3- Le code pour insérer la photo à une taille réduite.

1.4. Insertion d’une image (P2.jpg)
Ce bouton « Insérer une image » permet d’insérer une image en connaissant son adresse (URL).
[Vous devez être inscrit et connecté pour voir cette image]
Comme vous le voyez, il faut connaitre l’adresse de l’image en question. Pas simple à retrouver pour une image que l’on a stockée depuis quelques temps déjà, sauf si l’on a pris la précaution de la noter sur un cahier …
Cette fonction s’avère utile si vous utilisez un autre hébergeur d’image que Servimg.com

2. Méthode 2 (P5.jpg)
C’est la méthode la plus complète pour manipuler vos images.

Ouvrez un nouvel onglet du navigateur puis connectez-vous avec la même adresse et le même mot de passe que ceux utilisés sur le site. [https://servimg.com]
[Vous devez être inscrit et connecté pour voir cette image]
Cette méthode permet un accès total à votre espace de stockage sur Servimg.com.
1- On peut choisir le dossier (Catégorie) dans lequel on souhaite travailler.
2- On peut créer un nouveau dossier. (Cliquer sur « Envoyer » pour valider)
3- Le bouton « Upload » permet le stockage des images sur le serveur. Ici, pas de bouton « insérer », il faudra copier les liens directement dans le message)
4- Enfin, on peut gérer les photos et même les dossiers.

2.1. Stockage des images sur le serveur (P6.jpg)
Après avoir, selon votre humeur, sélectionné ou créée une catégorie, un clic sur le bouton « Upload » ouvre la fenêtre suivante :
[Vous devez être inscrit et connecté pour voir cette image]

La suite des opérations est la même qu’avec la méthode 1, paragraphe 1.2.

Note : Il n'est pas forcément nécessaire de cliquer sur le bouton "Upload" pour télécharger les images.
Après le choix du dossier, il suffit de faire un "Glisser-Déposer" dans la fenêtre de servimg et les images se téléchargent automatiquement.

2.2. Insertion des images dans le message (P7.jpg)
Après avoir « Uploadé » les images, la fenêtre suivante s’ouvre.
Après avoir cliqué sur le « V » (coche) à droite des liens de la photo (1), des informations détaillées apparaissent.

ATTENTION, il y a plus d’informations qu’avec la méthode 1.
[Vous devez être inscrit et connecté pour voir cette image]

Pas de panique, seul le deuxième lien du deuxième pictogramme nous intéresse pour insérer une image à sa taille normale. (Le premier insère une image de taille réduite)
Comme pour la méthode 1, faire un « Copier-Coller » du lien dans le message.

Le premier pictogramme donne des liens directs pour afficher la photo dans le navigateur et le troisième sert à insérer des images dans des pages HTML, par exemple.

2.3. Insertion d’une image déjà enregistrée (P8.jpg et P9.jpg)
Il peut être utile, parfois, de ré-afficher une image que l’on a déjà utilisée par le passé dans un message quelconque.
C’est là un des avantages de pouvoir accéder à ses dossiers sur le serveur Servimg.com.
(C’est ainsi que j’ai procédé pour réaliser ce tuto)

Après s’être connecté au site « Servimg.com » (voir plus haut) et avoir sélectionné le dossier qui contient l’image désirée, il suffit cliquer sur « Voir l’image » ou « Liens » pour récupérer le lien (BBCode) à insérer dans le message.

- Choix du dossier (Catégorie) et de l’image (P8.jpg)
[Vous devez être inscrit et connecté pour voir cette image]
* « Navigation autorisée » + « Envoyer » => Autorise la visualisation de toutes les images du dossier à toute personne ayant accès à au moins une image.
 
- Sélection du code (BBCode) à copier directement dans le message (P9.jpg)
[Vous devez être inscrit et connecté pour voir cette image]

Et voilà, c’est un peu long à lire mais pas bien compliqué à faire.
[Vous devez être inscrit et connecté pour voir cette image]

PS : je comprends mieux, maintenant, pourquoi certains préfèrent faire des Tutos sous forme de vidéo ...