Tutoriel d'insertion d'images sur le site (méthode avancée)

par **Gaby** Mar 31 Oct 2017 - 15:54

1. Introduction
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.

Remarque 1 : Le serveur d’images ne prend en compte, via Forumactif, que les informations (adresse et mot de passe) fournis lors de l’inscription au forum.
Si vous changez l’une de ces deux informations, la modification est tout simplement ignorée.
=> Ne perdez jamais vos informations originelles pour pouvoir vous connecter.

Avec cette méthode vous pouvez vous connecter directement au site « Servimg.com » où vous aurez un accès direct à l’ensemble des dossiers et photos. (voir remarque 1)

2. La procédure (P24.jpg)
C’est la méthode la plus complète pour manipuler vos images. (celle que je préfère)

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 lors de votre inscription sur le site.
Adresse du serveur d’images : [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 (P25.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 :

Remarque 2 : Vous pouvez, après avoir sélectionné la catégorie cible, faire un glisser/ déposer directement sans utiliser le bouton "Upload".
La photo se télécharge automatiquement.(on peut faire "glisser" toutes les photos aussi de cette manière)
Dans ce cas reportez vous directement au au b du paragraphe 2.4(Insertion d'une image déjà enregistrée) pour récupérer les liens (ou codes) d'insertion des images dans le message)
[Vous devez être inscrit et connecté pour voir cette image]

1. Faire Glisser les images dans cette fenêtre.
2. Ouvre l’explorateur Windows pour rechercher des images sur l’ordinateur.
3. Entrer une adresse ou le lien internet de l’image.
Cliquer sur "Tout envoyer" toutes les images ou annuler l’opération.

Remarque 3 : Au fur et à mesure que vous déposez les images à transférer, celles-ci apparaissent en médaillon
en bas de la petite fenêtre. (non montré sur la photo exemple précédente)
Vous pouvez, ainsi, les envoyer ou les supprimer avant l'envoi, une par une.

2.2. Insertion des images dans le message (P26.jpg)
Après avoir « Uploadé » les images, la fenêtre suivante s’ouvre. (une autre pour changer)

[Vous devez être inscrit et connecté pour voir cette image]

Après avoir cliqué sur le « V » (coche) à droite des liens de la photo (1), des informations détaillées apparaissent.

2.3. Information sur les différents liens de chaque image
Pour chaque image, il y a trois couples de « liens » pour la même photo.
1- L’adresse directe de la photo. (Ou affichage de la photo dans le navigateur)
2- Les codes (BBcode) pour insérer la photo en miniature ou taille réelle dans le message.
3- Les codes (HTML) pour insérer la photo en miniature ou taille réelle dans une page HTML.
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 simplifiée, faire un « Copier-Coller » du lien dans le message.

2.4. Insertion d’une image déjà enregistrée (P27.jpg et P28.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 qui nous intérresse.
les pictogrammes sont différents mais ils sont dans le même ordre et ont les mêmes significations que ceux déjà vus dans le paragraphe 2.2.

a- Choix du dossier (Catégorie) et de l’image (P27.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.

b- Sélection du code (BBCode) à copier directement dans le message (P28.jpg)

[Vous devez être inscrit et connecté pour voir cette image]

3. Conclusion
C’est un peu long à lire mais pas bien compliqué à faire.
Pour les plus réfractaires à l’informatique d’entre vous, munissez vous d’une petite boite de doliprane et cela devrait aller beaucoup mieux