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

EDIT : update : ajout de vidéos

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 ⬇️

⚙️ 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 ⬇️

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/&docid=PdmBOWuxWvOMoM&tbnid=vsNr3ayqK3pTzM:&vet=10ahUKEwi1oe2uhOXlAhUOTBoKHeF0BKsQMwhZKBIwEg..i&w=800&h=450&client=ubuntu&bih=654&biw=1280&q=ludovinedelarochère&ved=0ahUKEwi1oe2uhOXlAhUOTBoKHeF0BKsQMwhZKBIwEg&iact=mrc&uact=8
... 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 #317058

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 #317080

(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 #317099

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

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)

• Méthode n°1

• Méthode n°2

🌅 Comment mettre une image dans un post :

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

• Méthode n°1

• Méthode n°2

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 !

Comme ça ?

Oui !!! ^^

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

Citation de Cabby #318729

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