Insérer une image dans un post

Savoir utiliser le forum à bon escient, savoir utiliser le BBCodes, savoir mettre un sujet en Résolu etc...

Modérateur : Supers modérateurs

Avatar du membre
Sealex83
Fondateur
Fondateur
Messages : 4064
Enregistré le : dim. 25 mai 2008 23:22
Sexe : Masculin
Localisation : St Raphaël
Contact :

Insérer une image dans un post

Message non lu par Sealex83 » jeu. 6 oct. 2016 21:49

Insérer une image dans un post, trois méthodes sur ce forum.

  • 1 ère méthode l'image "brute" à insérer dans le post.
Vous pouvez insérer une image avec son url propre dans un post, mais assurez vous que les dimensions ne dépassent pas 510x510 pix pour une image "brute" !
J'ai réglé cette dimension maximum pour le forum.

Coller l'url de l'image, bleuir cette adresse et cliquer sur la balise Img ce qui en code donnera ceci :

Code : Tout sélectionner

[img]http://www.sealex83.fr/galerie/tiger/Faune/Oiseaux/Oiseaux%20du%20jardin/thumbs/troglodyte_mignon5nov07.JPG?124x124![/img]
et concrètement ceci :
Image

En utilisant une association de balises du BBcode, il est possible de faire une image "cliquable"
Par exemple pour envoyer le visiteur sur un site d'un clic sur l'image, très simple, vous avez l'url d'une image, et l'url d'un site, vous copier/coller l'url de l'image (attention 510x510pix maxi), vous bleuissez cette url, puis vous cliquez sur la balise Img, ensuite vous bleuissez l'ensemble du BBcode image, et vous cliquez sur la balise URL, mais petite gymnastique, il faut ajouter un = avant la fermeture du crochet puis d'insérer l'url de votre site, et cela donne ceci :

Code : Tout sélectionner

[url=http://www.salon-de-la-plongee.com/fr/accueil.html][img]http://www.salon-de-la-plongee.com/resources/images/headers/logo_salon.png[/img][/url]
Concrètement cela donne :
Image

  • 2 ème méthode, l'image en fichier joint
Nous avons un bon outil intégré au forum, "insertion de pièce jointe".

Pour ce faire il suffit de cliquer sur le bouton "Ajouter des fichiers joints" situé sous toutes les fenêtres de réponse :
Image

Ensuite d'aller chercher votre image dans votre pc en cliquant sur "Parcourir" :
Image

puis "Ajouter le fichier" :
Image

et enfin "Insérer dans le message" (remarquez qu'il est possible de commenter l'image.)
Image

Voici le code qui est inséré dans le message :

Code : Tout sélectionner

[attachment=0]panoramalegolf.jpg[/attachment]
L'image n'a pas besoin d'être retaillée puisque le module s'en charge lui même (ce qui permet d'avoir une image agrandie directement en cliquant sur la vignette)
Exemple d'une image zoomable avec ce module :
panoramalegolf.jpg
  • 3ème méthode, l'image en zoom automatique
Nous avons également le BBCode "Zoom" qui permet avec une image de n'importe quelle dimension de l'agrandir en la survolant de la souris (à condition d'avoir son URL).
Mettre l'URL de l'image, bleuir l'url et cliquer sur le BBCode img
Ce qui donnera ce code :

Code : Tout sélectionner

[img]http://www.jardinamel.fr/Les_albums_de_jeff/Voyages_Voyages/Maroc_1975/slides/5-24-2010_080.JPG[/img]
Exemple :
Image

Attention toutes les photos du net ne sont pas libres de droit !!!
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Verrouillé