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

avatar contributeur de Wondeur
Modération Wondeur
12/11/2019 à 17:00

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 ⬇️
Comment insérer un beau lien ou


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 ⬇️
Comment insérer un beau lien ou


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 !


La vie est un perpétuel recommencement...

avatar contributeur de Dime
Dime
12/11/2019 à 17:27

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 !!

avatar contributeur de Wondeur
Modération Wondeur
12/11/2019 à 17:47

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 ;-)


La vie est un perpétuel recommencement...

avatar contributeur de Dime
Dime
12/11/2019 à 17:59

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 !!

avatar contributeur de Wondeur
Modération Wondeur
12/11/2019 à 18:09

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é)

Comment insérer un beau lien ou


La vie est un perpétuel recommencement...

avatar contributeur Curio
Curio
12/11/2019 à 19:45

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

avatar contributeur de Wondeur
Modération Wondeur
12/11/2019 à 20:01

Comment insérer un beau lien ou

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


La vie est un perpétuel recommencement...

avatar ancien membre
Ancien membre
12/11/2019 à 21:40

Hello Wonder,

Merci !

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

avatar contributeur Curio
Curio
12/11/2019 à 21:43

Sur mon profil :D

avatar contributeur de Wondeur
Modération Wondeur
12/11/2019 à 22:19

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 ;)


La vie est un perpétuel recommencement...

avatar contributeur de Dime
Dime
13/11/2019 à 01:08

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

avatar ancien membre
Ancien membre
13/11/2019 à 03:25

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 ^^

avatar contributeur de Dime
Dime
13/11/2019 à 10:43

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 ?

avatar contributeur de Wiloooo
Modération Wiloooo
13/11/2019 à 11:12

Professeur W0nderwOOman au rapport !

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


Webmestre, gourgandine et créateur de cette communauté

avatar contributeur de Wondeur
Modération Wondeur
13/11/2019 à 11:12

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 ;)


La vie est un perpétuel recommencement...

avatar contributeur de Dime
Dime
13/11/2019 à 13:25

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.

avatar contributeur de Wondeur
Modération Wondeur
13/11/2019 à 14:00

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 😚


La vie est un perpétuel recommencement...

avatar contributeur de Redmood
Redmood
13/11/2019 à 14:53

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 ^^

avatar contributeur de Dime
Dime
13/11/2019 à 19:14

Merci Redmood et Wawa.

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

avatar ancien membre
Ancien membre
14/11/2019 à 14:52

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

avatar contributeur Cabby
Cabby
05/12/2019 à 19:59

Comment insérer un beau lien ou

Comme ça ?

avatar contributeur de Wondeur
Modération Wondeur
05/12/2019 à 20:53

Oui !!! ^^


La vie est un perpétuel recommencement...

avatar contributeur de Cahir
Cahir
05/12/2019 à 21:12

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

avatar contributeur de Redmood
Redmood
05/12/2019 à 23:59

Citation de Cabby

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

avatar contributeur de Wondeur
Modération Wondeur
04/04/2020 à 13:03

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

Comment insérer un beau lien ou


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:

Comment insérer un beau lien ou


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)


La vie est un perpétuel recommencement...

avatar contributeur de Jstophe
Jstophe
04/04/2020 à 19:58

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


Sauf erreur de ma part, j'ai toujours raison.

avatar contributeur de Kitsune
Kitsune
04/04/2020 à 20:30

essaie 3

Comment insérer un beau lien ou

hey, WOOooooOOooDEEeeeeEEEeerwOOooooOOomAAaaaaAAAn ?

t'es bonne !!!

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

avatar contributeur de Jstophe
Jstophe
04/04/2020 à 21:28

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


Sauf erreur de ma part, j'ai toujours raison.

avatar contributeur de Wondeur
Modération Wondeur
04/04/2020 à 21:49

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é 👇

Comment insérer un beau lien ou

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

Comment insérer un beau lien ou

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.


La vie est un perpétuel recommencement...



Suivez-nous
Téléchargez l'application
Application android
conçu avec par Carbonell Wilfried
© Copyright 2021, betolerant.fr