Comment insérer un beau lien ou une image dans un post ?

EDIT : Update : ajout de vidéos

Update : ajout d'une image gif provenant de giphy

Comme la paix dans le monde, c'est déjà pris, j'ai choisi d'être favorable au numérique inclusif. Ainsi, je poste un topic pour celles et ceux qui ont du mal avec les crochets et les parenthèses. Et qui se disent "c'est trop dur l'informatique !" Eh les devs, faut pas se moquer, hein !! ;P On n'est pas venu ici pour souffrir OKAY ?!!
Retenons que c'est juste du texte entre [ crochets ] collé à une adresse web entre ( parenthèses )

⚠️ Pas d'espace entre les (parenthèses) ! ⚠️

🔗 Insérer un lien (ou une url), sur des mots choisis :
Ex n°1
⌨️ quand on rédige :
[Un super site](https://betolerant.fr)

le résultat ⬇️
Un super site

🌄 Insérer une image (dont on a récupéré l'adresse) : Pareil qu'un lien, sauf qu'en premier on mettra devant un !
Voici le format : ![mot](adresse) ⚠️ pas d'espace entre ! et [ !
Ex n°2
⌨️ quand on rédige (sans espace, ni saut de ligne entre les parenthèses):
![des-mains](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqQOyPdZm2qAHVBRZezUxO02aJxSp4Ox3_VS9NvYt3OrpRXbzi&s)

le résultat ⬇️

Pour héberger une image perso en 3 clics, je recommande :

🔗 https://pic.infini.fr/

Libre, sécurisé et français ! De plus, on peut choisir la durée d'hébergement de l'image, entre 7 jours et 1 an. Après avoir envoyé l'image, comme on envoie une pièce jointe, il faut simplement copier l'adresse générée par pic.infini.fr, afin de l'utiliser ainsi dans un post :

![mon image](https://pic.infini.fr/p7nUsXYj/ExEmPLe.png)

⚙️ Et pour les plus motivés...
Soyons fous, c'est happy hour : mettons un lien sur une image 🤣

Ex n°3
⌨️ quand on rédige :
[![Nicolas](https://tinyurl.com/u8cbnke)](https://betolerant.fr/a-propos)

le résultat ⬇️

Parce que des url comme ça :
https://www.google.com/imgres?imgurl=https://lincorrect.org/wp-content/uploads/2018/09/Ludovinedlr-copy.jpg&imgrefurl=https://lincorrect.org/ludovine-de-la-rochere-lenfant-sera-la-premiere-victime/
... je sais pas pour vous, mais ça me fait mal aux yeux.
Up Attitude ;)

Voilà voilà et bons posts à tou·te·s !

Merci WW. Tu as l'air de maitriser tout ça. Il y a le second petit icone au dessus du cadre en partant de la gauche qui est prévu à cet effet. Mais quand j'insère l'adresse de la photo entre les crochets, ça me donne un lien de deux lignes écrit en mandarin !!

Cher Mimoza,

soit tu cliques sur l'icône pour obtenir ceci :

![mots clés](https://monimage.com)

et tu remplaces uniquement le texte (tu m'as dit que tu savais faire un copié-collé ?), en veillant à ne pas insérer d'espaces inutiles.

Soit tu tapes direct à la mano, sans cliquer sur l'icône :

![izia](https://upload.wikimedia.org/wikipedia/commons/thumb/d/d8/Izia_Higelin_2013.jpg/440px-Izia_Higelin_2013.jpg)

Allez, sois sympa : essaye avec Izia Higelin et envoie moi en mp ton url de 2 kilomètres ;-)

Je dois mettre l'adresse de l'image ou exactement ? !

A la place de quoi ? Je t'assure que j'ai du faire vingt combinaisons différentes ! sans succès !!

L'adresse se met tjrs entre parenthèses. Comme précisé, dans les exemples de mon post initial :) NB: les adresses dans mes 3 exemples, ont le même format et n'ont pas de "combinaisons différentes".

Si tu préfères :

![blablabla](tu-mets-l-adresse-de-l-image-ici)

Je découpe :

(1)![blablabla]

(2) entre parenthèses, on colle l'adresse qui commencera par https :

(https:\\betolerant.fr)

EDIT : Objectif ⬇️

(1)+(2) = ![blablabla](https:\\betolerant.fr)

J'aimerais bien que tu reproduises mon exemple avec Izia Higelin, ça me permettra de voir si tu as compris (et aussi si tu es à l'aise avec le copié-collé)

Merci!!! merci!!! merci!!! j'ai enfin pu mettre mes images correctement! :p

(même si je sais pas où tu as mis des images ^^)

Hello Wonder,

Merci !

Je savais pas que tu as bac + 8 en informatique. Trop cool ton tuto !

Sur mon profil :D

Citation de gael3592

Bac + 8

Tout à fait ! Docteure ès sciences du copiage et du collage (mention formidaaable) 👈 🤣

@Cinthia : Merci pour l'info, je ne savais pas du tout qu'on pouvait mettre des images sur son profil ! C'est bon à savoir ;)

(c'est pas encore ça ! je réessaierai demain maitresse).

Okay heu .......... Wilo c'est wonderwoman ? Bon pour la photo heu ... non rien :'(

Mais mdrr même en profil ça marche pas hein :-/ (j'use de htlm y a toujours les () )

Mais merci ^^

Bon, WW, ça progresse.

Merci beaucoup pour les efforts que tu fais avec tes mauvais élèves. Ceci-dit, j'ai compris que l'on insère l'adresse de la photo entre les parenthèses, mais du coup, que doit-on mettre entre les crochets ?

Professeur W0nderwOOman au rapport !

D'ailleurs quand tu veux on te passe modérateur, au vu de ton investissement sur ce site =)

Citation de mimoza

(htpps

Voici pourquoi ça n'a pas fonctionné :

htpps n'existe pas. En revanche https:// existe : ton adresse est cassée. De plus, il manque la paire de crochets qui doit suivre ton point d'exclamation. Et ton expression contient des espaces. D'où viennent-ils ? N'étant pas devant ton terminal ou ta machine, je l'ignore. Ce que tu as produit, sans en avoir l'intention, est le texte alternatif qui doit s'afficher, quand une image manque à l'appel.

Exemple : ![pas d'image](hptt://mauvaise-url.com) résultat (rien)⬇️

![pas d'image] (hptt://mauvaise-url.com)

Pour commencer, un simple copié-collé de ![izia](https://upload.wikimedia.org/wikipedia/commons/thumb/d/d8/Izia_Higelin_2013.jpg/440px-Izia_Higelin_2013.jpg) suffisait. J'ai l'impression que tu as écrit à la mano, en oubliant les crochets. Or, ces derniers sont sacrés.

Pour te répondre au post 317091, le format à retenir pour une image est le suivant :

![mot](adresse)

Entre crochets, on met un mot qui fera office de texte alternatif, si jamais l'adresse a changé ou est erronée. J'aurai quelque chose à fêter aujourd'hui, quand tu posteras ta première image dans le petit jeu des célébrités ^^

N'hésite pas à relire le topic initial, et à y aller step by step, comme les New Kids On The Block ;)

Tu es trés sympa Ww.

Mais je commence à sentir poindre au fond de moi ce sentiment paralysant, destructeur et honteux d'inaptitude et de décalage dont j'ai souffert lorsque j'étais enfant.

Si tu me le permets, je vais attendre des jours meilleurs. Je te promet que je t' informerai de mes progrès futurs s'il en est. Je t'embrasse et te remercie pour ce partage de connaissance.

Citation de mimoza

poindre au fond de moi ce sentiment paralysant

Je te promets que ce n'était pas du tout le but, sincèrement. Mais tu as raison : mets ça de côté et tu reprendras plus tard dans une disposition plus favorable, à ton rythme. Il faut savoir être patient envers soi.

Sache que tu n'es pas du tout le seul dans cette situation. Tu as le mérite d'avoir demandé et surtout d'avoir essayé. Alors, laisse moi te féliciter et t'envoyer plein de bonnes vibes ;-)

Je te remercie Mimoza 😚

Je sais pas si j’aide, mais bon, j’essaie.

Le sigle http signifie HyperText Transfert Protocol. Je détaillerais pas, c’est pas le sujet ici. Juste, savoir ce que petit ensemble sybilin de lettres veux dire, peux peut-être aider à le retenir et à ne pas se tromper en l’écrivant, ou être sûr de soi, en relisant.

Et https, c’est HyperText Transfert Protocol Secure. La version sécurisé de https.

Voilà, j’espère avoir embrouillé personne, si ça vous aide pas, essayez de faire comme si vous aviez pas lu ^^

Merci Redmood et Wawa.

(mon post 317099 était semi-humoristique rassurez-vous. Le temps a fait son oeuvre tout de meme..)

Ho oui m'dame Wonder modé ça le ferai ça XD avec tout ce qu'elle apprend aux gens ^^

Comme ça ?

Oui !!! ^^

Bonjour Wonder et merci pour ce superbe tuto, très documenté 🙂

Citation de Cabby

C’est où qu’on signe pour adopter ? XD

UPDATE

Pour un gif de giphy, c'est vrai que c'est mieux sur ordi 💻 : il faut récupérer une url (= adresse internet commençant par https) qui se termine par .gif

P'tit tuto étape par étape :

0️⃣ Se rendre sur la page principale du gif concerné

1️⃣ on clique à droite du gif, sur 🔗 Copy link

2️⃣ puis dans l'encart Links, on repère la 2eme ligne GIF Link. Ensuite, on sélectionne et on copie le contenu du champ. Après avoir collé, on vérifiera bien que l'url (adresse internet commençant par https) se termine par .gif:

3️⃣ le format à coller dans un post doit ressembler à ça

![mot](https://media3.giphy.com/media/xxxxxxxxxxxxxxx/source.gif)

Ne pas oublier de placer devant le point d'exclamation, sans aucun espace !

À vos gifs 😉

(ps: en anglais, link signifie lien)

Et pour insérer une photo .jpg prise par soi-même ?

essaie 3

hey, WOOooooOOooDEEeeeeEEEeerwOOooooOOomAAaaaaAAAn ?

t'es bonne !!!

(coeur, coeur, papillon, libellule arc en ciel !!! )

Apparement, il s'agit bien d'une image .jpg, mais le mode d'emploi ou la recette, je l'ignore encore.

Citation de Jstophe #328878

Et pour insérer une photo .jpg prise par soi-même ?

Très bonne question, merci de l'avoir posée ;-)

En effet, il faudra passer par des applis web tierces. Parce que je soutiens le libre, comme d'autres ici n'est-ce pas ^^, je ne peux que recommander https://framapic.org/ :

👉 https://pic.infini.fr/

NB : On peut tjrs choisir la durée d'expiration de la mise en ligne.

Après avoir uploadé sa photo ou image perso :

👇 On peut copier la première ligne du lien généré 👇

L'important étant de toujours respecter le format suivant :

👉 ![mot](https://mon-image.com/xxxx)

NB : la deuxième ligne proposée sur le site correspond directement au format d'un post

Il faut juste penser à rentrer un mot significatif entre les crochets. Ex : [chat]

Framapic va fermer en janvier 2021, mais d'autres chatons proposent des services libres ✊, utiles et efficaces.

J'insère un lien juste pour le fun. Clique! Clique! Clique! Si tu veux toi aussi : rigoler un peu. Fais pareil si tu sais insérer également.