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

W0nderwOOman - Modification par w0nderwOOman le 04/04/2020 - 13:01:31

EDIT : Update : ajout de vidéos


Update 04.04.2020 : ajout d'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 ] et ( !
⚠️ 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 :
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 :
![des-mains](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQqQOyPdZm2qAHVBRZezUxO02aJxSp4Ox3_VS9NvYt3OrpRXbzi&s)
le résultat ⬇️
Comment insérer un beau lien ou


⚙️ 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/nous-connaitre)
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 !

Mimosa

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

W0nderwOOman - modifié par w0nderwOOman le 12/11/2019 - 17:47:36

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

Mimosa - modifié par Wiloooo le 22/11/2019 - 11:38:18

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

W0nderwOOman - modifié par w0nderwOOman le 12/11/2019 - 18:21:01

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

Curio

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

W0nderwOOman - modifié par w0nderwOOman le 12/11/2019 - 20:03:56

Comment insérer un beau lien ou

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

Membre Anonyme

Hello Wonder,

Merci !

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

Curio

Sur mon profil :D

W0nderwOOman

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

Mimosa - modifié par Wiloooo le 22/11/2019 - 11:38:47

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

Membre Anonyme

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

Mimosa

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 ?


● en ligne
Wiloooo

Professeur W0nderwOOman au rapport !

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

W0nderwOOman - modifié par w0nderwOOman le 13/11/2019 - 11:47:30

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

Mimosa - modifié par mimoza le 13/11/2019 - 13:28:54

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.

W0nderwOOman

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 😚

Redmood

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

Mimosa

Merci Redmood et Wawa.

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

Membre Anonyme

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

W0nderwOOman - modifié par w0nderwOOman le 05/12/2019 - 15:35:55

UPDATE !

✊ Le markdown pour tou·te·s 🏳️‍🌈 ;)

Pour des posts plus beaux, voici 4 minitutos vidéo de 30 sec :

🔗 Comment mettre un lien dans un post :

Format : [vos mots](https://votrelien.blablabla)


🌅 Comment mettre une image dans un post :

Format : ![vos mots](https://votreimage.blablabla)


Il y a même des explications dans la description de chaque vidéo. Évidemment, libre à chacun·e de se sentir concerné·e ou pas. Tant mieux si ça peut aider :)

NB : l'extension .blablabla n'existe pas, ce n'est qu'un exemple bien sûr ☺️

Et n'hésitez pas à mettre ce post en favori, au cas où... on ne sait jamais !

Cabby

Comment insérer un beau lien ou

Comme ça ?

W0nderwOOman - modifié par w0nderwOOman le 05/12/2019 - 20:55:01

Oui !!! ^^

Cahir

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

Redmood

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

W0nderwOOman - modifié par w0nderwOOman le 05/04/2020 - 11:04:50

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 Media

Comment insérer un beau lien ou


2️⃣ puis dans l'encart Media, on clique sur le bouton Copy, de la première ligne (Source). On vérifie bien que l'url 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)

(N'oublions pas le point d'exclamation devant !!)

À vos gifs 😉

Jstophe

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

Kitsune - modifié par kitsune le 04/04/2020 - 20:35:55

essaie 3

Comment insérer un beau lien ou

hey, WOOooooOOooDEEeeeeEEEeerwOOooooOOomAAaaaaAAAn ?

t'es bonne !!!

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

Jstophe

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

W0nderwOOman - modifié par w0nderwOOman le 04/04/2020 - 21:58:14

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/

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

EDIT : après avoir uploadé sa photo ou image perso :

👇 On peut copier la première ou la deuxième 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)


Sujets similaires
  1. Enquête sur le forum de Bétolerant
  2. Timidité que faire ?!?!?
  3. Logement contre service (?) or others (?)
  4. Au revoir ou pas ?
  5. Votre monde d'après ressemble à quoi ? Enquête ARTE et al.
  6. Un super jeu : voici le BeToQuiz !
  7. BeTolerant et les rencontres sapiosexuelles
  8. Que faire ou devenir
  9. Quel est pour vous le meilleur album Rock?
  10. Quelqu'un de bon en anglais?
  11. Passer le permis
  12. Court-métrage Pride - Un message de tolérance

  S'inscrire pour participer