[Tutorial] Poster des images et des liens, pour les nuls.

Bonjour,

Un certain Antoine (je ne dirais pas lequel, mais n'oublie pas mon fric et ma carte "Cafeteria St-Charles" gratuite à vie si tu ne veux pas que ton nom (et tes photos de nu, dégueulasse je sais) soient éparpillées un peu partout sur ce forum) m'a demandé de faire un petit Tutorial sur l'utilisation des balises permettant de poster des images ou des liens sur le forum. Let's go donc !

Je ne vais pas couvrir ici toutes les balises utilisables sur le forum, parce que ça prendrait un temps fou, mais ça peut se faire à l'occasion.
Pour chaque balise, j'expliquerai la façon de faire en utilisant les boutons (au dessus de la zone de texte) et celle, un peu plus ardue, en tapant directement les balises.


I. Poster des liens seuls

On va donc commencer par le plus simple, les balises qui permettent juste de poster un lien cliquable vers une autre page.
Un petit point très important : Si vous voulez juste un lien tout con, sans fioritures ni texte, contentez vous de le copier/coller dans votre texte, ça vous évitera quelques manœuvres fastidieuses.


1.A. Le bouton "Insérer un lien"

Vous avez trouvé un super cours de biomathématiques et souhaitez en faire profiter toute la promo ? A moins que ça ne soit la fabuleuse recette du cake de courgettes et chèvre que vous comptez cuisiner ce soir pour réviser l'Hemato le ventre plein ? Pas de problème, pour ça, il suffit de cliquer sur le petit bouton qui ressemble à une chaine au dessus de la zone de texte. Une petite interface apparaitra et vous permettra de copier/coller votre lien, puis, si vous voulez, de lui donner un nom (comme pour ma recette de cake-dégueulasse, au lieu de juste afficher l'adresse (http://cuisine.journaldesfemmes.com/recette/304033-cake-de-courgette-et-chevre), c'est intégré dans le texte de façon harmonieuse). Pas compris ? Voici l'explication en image :



Après avoir mis, par exemple, un lien vers Facebook avec pour texte "Mangez mes courgettes !", voici ce qui devrait apparaitre :





Je sais, c'est moche comme ça, mais si tout est fait proprement, ça sera un vrai lien tout joli quand vous posterez qui apparaitra dans une couleur légèrement différente du reste du texte, signe que vous pouvez bien cliquer dessus. (comme celui là oui)



1.B. Et si on faisait tout à la main ?

Un peu plus compliqué et peu utile, vu que le bouton implanté est déjà très complet, mais rapidement, si vous voulez inclure vos liens sans utiliser le bouton en tapant les balises directement, voici comment procéder :

-Pour un lien tout simple : Tapez [ url ] http://Adresse_utilisée.conne [ /url ] (Et ceci, SANS les espaces entre les crochets et URL) Gardez un principe tout bête à l'esprit : Début de balise = [ url ] et fin de balise = la même chose avec un "/" devant URL, ça sera comme ça pour quasiment toutes les balises utilisées sur ce forum.

-Pour un lien avec texte : Tapez [ url = http//adresse_utilisée.conne ] "Texte hilarant à insérer ici" [ /url ] (Toujours pareil, sans les espaces)

Voilà, je ne vais pas m'étendre plus longtemps sur ce sujet, étant donné que le bouton devrait suffire à tous.


1.C. Embellir le lien.

Vous trouvez que vos liens ne sont pas assez visibles ? Que cette légère nuance de bleu peut-être facilement manquée dans la logorrhée scripturale que vous produisez ? C'est tant mieux, parce que moi aussi. Quelques petites astuces pour rendre tout ça plus tape à l'oeil :

-Utilisez les balises [ b ] [ u ] ou [ i ], elles permettent respectivement de mettre votre texte en gras, souligné, ou en italique, pour cela, après avoir bricolé votre lien (vous devriez donc avoir un petit pavé de texte atroce à base de [ url ] à foison), sélectionnez toute la partie de texte que vous voulez mettre en valeur (généralement, celle qui commence avec [url=blablabla et qui finit avec [ /url ]) et cliquez sur les petites lettres en haut à gauche de la zone de texte, (B pour mettre en gras, I pour l'italique, U pour souligner, et accessoirement S pour barrer votre texte) Ca donnera ça :

Lien vierge : Cliquez ici pour gagner des sous (un échantillon de viagra offert)

Lien en gras : Cliquez ici pour gagner des sous (un échantillon de viagra offert)

Lien souligné : Cliquez ici pour gagner des sous (un échantillon de viagra offert)

Le must du must : Cliquez ici pour gagner des sous (un échantillon de viagra offert)

-Précisez que c'est un lien, à grand renforts de "Cliquez ICI" par exemple, personne ne pourra louper votre fabuleuse vidéo d'un chaton se faisant victimiser par ses potes dans une boite (cliquez ICI !)


Voila ! Vous savez maintenant parfaitement comment poster un lien sur le forum, et comme un grand pouvoir implique de grandes responsabilités, n'oubliez pas de respecter les règles les plus élémentaires à cet égard (Pas de liens violents, gore, discriminants (sauf si ça concerne les roux), pornographique, et autres joyeusetés dans le genre).

A suivre un peu plus tard dans l'après-midi : Poster des images. Stay tuned.

Et, vous l'attendiez tous avec une impatience non feinte (sauf les deux de pharma au fond qui ont confondu le forum avec une épicerie), la suite de notre fabuleux guide pour apprendre à poster des liens et images, et on attaque tout de suite avec la deuxième partie beaucoup plus costaude sur ces satanées images.


II. Poster une image

Ça va être un peu plus technique que les liens, donc posez vous tranquillement, faites une petite pause, buvez deux cafés, et on est repartis !

2.A. L'hébergement d'image.

Si votre image est déjà sur internet (trouvée sur google par exemple), vous pouvez passer cette partie. Par contre si elle est directement sur votre ordinateur, sachez que vous ne pourrez la poster qu'en l'hébergeant sur internet, pour cela, plusieurs manières et plusieurs sites :

- La manière intégrée dans le forum, la plus simple :
Il y a un petit bouton au dessus de la zone de texte, représentant une photo avec une disquette dessus, cliquez dessus, une petite fenêtre apparaitra, cliquez sur "Parcourir" puis allez chercher votre image ou vous l'avez planquée sur l'ordinateur (Mes documents ? Mes images ? Téléchargements ? A vous de savoir ça !), une fois l'image choisie et validée, à vous de voir si vous voulez la redimensionner pour le forum (si l'image a des petits détails importants par exemple, choisissez "Non", sinon l'option par défaut (800px) devrait convenir), une fois ça fait, plus qu'à cliquer sur le bouton "Envoyer". Voici à quoi ça ressemble (cliquez sur l'image pour agrandir) :


Une fois le bouton envoyer cliqué, une autre petite fenêtre devrait apparaitre avec les mentions "Miniature" "Image" et "Adresse de l'image", sélectionnez le texte dégueulasse dans la partie 'Image', puis cliquez sur "Copier", et vous pouvez le coller ou vous voulez dans votre texte, l'image apparaitra. C'est la manière la plus simple de faire, elle rassemble hébergement et postage de l'image et vous épargne d'atroces souffrances à venir. Une fois ça fait, c'est prêt à poster ! Voici à quoi ça ressemble (cliquez pour agrandir !) :



-Utiliser d'autres hébergeurs :

Vous voulez encore vous compliquer la vie ? Sérieusement, je devrais même pas vous aider, vous ne le méritez pas, enfin bref, si vous êtes là, c'est que le petit bouton intégré au forum ça doit vous sembler trop facile, pas assez intéressant si y'a pas de challenge ? C'est mieux de faire son malin avec ses liens imageshack ? Bref, vous pouvez utiliser d'autres hébergeurs d'images, je vais vous en citer deux personellement :

-Imageshack.us, le plus connu de tous, il permet d'uploader plusieurs images à la fois, utile pour les flemmards, une fois sur la page, cliquez sur "browse", choisissez votre ou vos images une par une, puis cliquez sur "Héberger maintenant" (après avoir choisi ou non de redimensionner l'image). Une fois ça fait, une fenêtre avec les miniatures de vos images apparaitra si vous en avez uploadé plusieurs, vous pouvez cliquer sur les images une par une pour les sélectionner. Une fois sur la fenêtre de l'image, sur la droite de l'écran vous apercevrez des boutons (encore et encore je sais, des boutons partout, on se croirait en dermato) : Cliquez dessus permettra de dérouler les menus : "Liens permettant de partager cette image" vous donnera les liens direct vers les images, "Intégrer cette image" vous sera utile pour son lien "Forum" à copier coller directement dans votre post, et le reste ne nous intéresse pas.

-Hébergement CPC, ma petite préférence, le site d'hébergement d'image proposé par canard PC est simple et ergonomique. Encore une fois, vous choisissez votre image puis cliquez sur "Envoyer", et vous arriverez sur une page avec encore une fois le lien direct, le lien postable directement sur forum et d'autres joyeusetés plus ou moins utiles. Voila !

2.B. Poster une image.

Si vous êtes là, c'est que votre image est hébergée mais pas encore postée. Si vous avez lu la partie au dessus, vous savez qu'en hébergeant votre image, vous gagnerez une tripotée de liens "préfabriqués" à copier/coller directement dans la zone de texte. Néanmoins, voici comment poster une image depuis un lien direct :

-Le petit bouton :
Au dessus de la zone de texte, juste à droite du bouton mentionné précédemment, il y a un petit bouton représentant juste une photo, très simple d'utilisation : Vous cliquez dessus, vous copiez/collez votre lien dedans la petite fenêtre qui est apparue, et vous cliquez sur OK. Sérieusement, c'est tout simple. Comme d'habitude un petit pavé de texte dégueulasse à base de balises [ img ] devrait apparaitre et pourrir votre mise en page, mais ne vous inquiétez pas, il se transformera en image fabuleuse une fois le post effectué, tel le crapaud en prince charmant. (le bisou baveux en moins) Voici à quoi ça ressemble (cliquez pour agrandir) :


-Directement à la main :
L'étonnante tendance à vouloir vous compliquer la vie que vous arborez fièrement commence à m'exaspérer. Tout comme les liens c'est une méthode peu utile, qui consistera tout simplement à poster une balise [ img ] http://adresse_de_l'image.conne [ /img ] (les espaces entre crochets et "img" en moins). Voila, alors, fier d'avoir bricolé sa petite image soi-même j'espère ?

Bon ben c'était pas si dur en fait ! Je pensais en écrire des tonnes sur le redimensionnement d'image, mais comme c'est parfaitement et simplement supporté par le "petit bouton", même pas besoin en fait ! N'hésitez pas à bricoler vous même avec les différents liens que vous proposent les sites d'hébergement histoire d'apprendre à maitriser le truc comme des grands.
Tout comme les URLs, n'oubliez pas les règles de bon sens les plus élémentaires concernant le contenu que vous postez, je ne suis pas sur que le reste du forum soit intéressé par cette image d'une grosse cochonne se faisant tirer par deux mecs que vous pensiez poster (cliquez pour agrandir) :




Voila, si vous avez des questions, des corrections ou précisions à apporter ou que je n'ai pas été clair, n'hésitez pas ! Cette première version du tutorial sera surement éditée, beaucoup, souvent.
Je garde le post suivant pour des ajouts futurs au cas ou.

(Post réservé pour des ajouts futurs.)

Pfiou. Je repasse plus tard me relire et faire les quelques ajustements qui seront surement nécessaires.