Publier une photo et/ou un
lien cliquable dans un forum (BBcode)
Introduction
:
Un jour un ami m'a posé la question :
"Comment puis-je faire pour publier une photo et/ou faire un lien
cliquable dans le forum ?"
(en l'occurence il s'agissait d'un forum phpBB tout-à fait
classique, utilsant le BBcode)
Voici une transcription (remaniée) de la réponse que je lui ai
envoyée et que j'ai reprise pour ce petit tutoriel :
| Citation: |
"Omnis enim res, quae
dando non deficit, dum
habetur et non datur, nondum habetur, quomodo habenda est."
Quoted from Aurelius Augustinus (4th century)
Source: Sigisbert Mitterer, "Bibliothek der Kirchenväter", Vol. 49,
München 1925
In English this means: "For if a thing is not diminished by being
shared with others, it is not rightly owned if it is only owned and
not shared." |
Que je traduis par "Puisqu'une connaissance n'est en rien
diminuée
si on la partage avec autrui, elle n'est pas réellement acquise si
elle est uniquement possédée et non partagée"
Ce n'est pas par pédanterie que je cite cette maxime, mas pour
illustrer mon propos car c'est avec grand plaisir que je vais
essayer de détailler mes indications.
Quand on participe à un forum sympathique, on a souvent envie de mettre
une photo (personnelle) pour illustrer ses messages.
Je vais donc essayer d'expliquer ce que l'on appaelle le "BBcode",
comment mettre les bons
"codes" dans ses messages et enfin comment faire "héberger" ses photos.
Précisions :
Cette façon de
procéder répond à une certaine logique (la mienne) et utilise des
logiciels que j'ai choisi (parmi d'autres tout aussi intéressants)
selon des critères parfois subjectifs.
Table
des matières
Les logiciels utilisés
Qu'est-ce le "BBcode" ?
- c'est une façon pour les "moteurs" de forum de "comprendre" ce que
vous voulez faire du texte que vous rédigez pour le mettre en forme.
-
Pour cela on utilise des "balises" qu'on écrit entre crochets
[balise] et qui vont par paire : la balise de début de
l'instruction et une balise de fin, dans laquelle on rajoute simplement
le "slash" / [/balise].
-
On a à sa disposition plusieurs balises, qu'on peut souvent insérer
facilement à l'aide de "boutons" situés en haut de la fenêtre de
rédaction des messages.
-
Selon les forums toutes les balises ne sont pas disponibles ; les plus
courantes sont, par exemple :
[url]
crée le lien vers ce qu'on veut afficher si on clique dessus (Uniform Resource Locator - Wikipédia) [/url]
[img] indique qu'on veut afficher une image [/img]
[quote] on veut "citer" tout ou
partie d'un autre message, un proverbe, etc ... qui apparait alors dans
un cadre [/quote]
[spoiler] le texte ne s'affiche que si on clique
dans la fenêtre, cela permet de garder un suspense [/spoiler]
etc ...
Considérez ces balises comme des "poupées russes".
On peut en utiliser
plusieurs à la fois, mais il faut les "imbriquer" l'une dans l'autre et
éviter qu'elles se chevauchent.
Par exemple :
[url][img]adresse[/img][/url] est correct,
mais [url][img]adresse[/url][/img] ne fonctionne pas.
Il y a dans tous les forums une rubrique d'aide pour vous aider à utiliser ces balises, vous pouvez vous y reporter.
Retour au menu
Aller au menu principal
Lien vers une autre page web
Tout d'abord, il faut bien comprendre ce qu'est un "lien cliquable" dans un message.
Je souhaite par exemple mettre un lien vers le site : http://www.gerwinski.de/~anja/gnuart/europa-and-gnu/index.html
(sur lequel se trouve cette citation), mais je souhaite que ce lien
apparaisse sous une forme plus "sympathique" dans mon texte.
1) J'inclus dans mon texte les mots-clés qui indiqueront ce lien ,
ici "Europa and the GNU".
2) Je sélectionne les mots concernés, je clique sur le
bouton URL (un bouton qui se trouve en haut de la fenêtre de saisie du
message sur le forum, parfois symbolisé par deux maillons de chaine).
Les mots concernés sont maintenant entourés des balises [URL]Europa and
the GNU[/URL] mais cela ne constitue pas encore un lien valide, cliquer sur ce lien ne mènera nulle part.
3) Le "truc" c'est de préciser à la fin de la première balise URL et
avant le crochet : =http://www.etc... (l'adresse de la page qu'on
veut ouvrir si on clique sur le texte) ce qui donne
avec mon exemple:
[URL=http://www.gerwinski.de/~anja/gnuart/europa-and-gnu/index.html]Europa and the GNU[/URL]
Dans une page web "normale" où l'on utilise le "langage" HTML on ne se
sert pas du même code, mais le résultat est le même :
CQFD Europa and the GNU
Dans le texte mes mots-clés apparaissent donc (en évidence) et
constituent un lien cliquable (avec une petite mise en forme personnelle en prime, mais le principe est le même).
Copie du BBcode d'un lien tel qu'il apparait dans la fenêtre
de saisie du message, à la fin de la manipulation :
Héberger une photo
Je veux inclure des photos qui ne sont pas stockées sur mon espace
d'hébergement personnel, mais sur un site relais.
Cette utilisation d'un site d'hébergement spécialisé (gratuit) pour
stocker les photos peut paraître une complication inutile.
Mais elle permet d'éviter les remontrances de certains hébergeurs
(gratuits) "chagrinés" de voir la bande passante de l'accès à leurs
sites consommée par des citations partielles (éléments isolés de leur contexte) au lieu de liens "pointant" vers
des pages complètes.
La première chose est d'ouvrir un compte personnel (gratuit) sur un
site d'hébergement de photos, j' utilise : servimg.com
Depuis la rédaction de ce petit tutoriel il n'accepte plus de
nouveaux inscrits; ce n'est pas grave il en existe bien
d'autres, par exemple
Casimage
Hostingpics
Hebergeur-Images
etc etc ... (une petite recherche avec les mots "hébergeur image
gratuit" à l'aide de votre moteur de recherches préféré)
Lorsque je suis inscrit et connecté à ce site (la procédure
d'inscription est simple et classique, je ne la détaille pas ici),
j'arrive à une page qui me propose de transférer une photo située
sur mon disque dur.
Une fois cette photo sélectionnée et "uploadée" (transférée VERS)
m'apparaissent les différents liens que je dois inclure dans mon
message (ou dans une page web) pour faire apparaitre une miniature
cliquable, ou le cliché original.
Note : lors du choix de la photo à transférer depuis son ordi, il y a chez certains hébergeurs une case de choix de la dimension
de l'image la plus grande qui sera stockée sur le serveur.
L'image sera redimensionnée automatiquement par le serveur,
afin de ne pas s'encombrer de tous les mega-pixels de nos
merveilleux appareils numériques ou scanners, superflus pour la
simple visualisation sur un écran.
Si
l'hébergeur n'offe pas ce service, il est donc fortement conseillé de
réduire la taille de ses photos avant de les transférer, sinon la photo
va s'afficher très lentement et prendre toute la
page.
Sur un forum une taille de 800 x 600 pixels suffit souvent.
Les codes que me donne le site Servimg
:
Les codes fournis par Hebergeur-Images :
Vous remarquerez de petites différences
pour les BBcodes entre ces deux hébergeurs, mais quand vous aurez
compris le principe de "poupées russes" du BBcode, vous vous en
servirez à votre guise.
Rien de tel que quelques petits essais personnels pour acquérir la pratique : à vous de jouer maintenant !
Conclusion, crédits :
Je tiens à remercier
- Celui qui m'a posé cette question et me
permet ainsi de mettre au clair mes procédures personnelles et de
les partager,
- les auteurs et la « communauté du Logiciel Libre » qui
ont mis à notre disposition ces logiciels "ouverts" (souvent
gratuits, mais ne pas confondre la GNU licence et la gratuité),
Ce tutoriel a été rédigé à l'aide de :
LibreOffice, suite bureautique complète, pour la rédaction de
ce texte
The GIMP, l'éditeur graphique Libre, pour la manipulation des illustrations
Ubuntu Lucid Lynx, système d'exploitation GNU/Linux, qui a
pris la relève de WinXP sur mes ordis (sans que je renie ce
dernier)
Lionel, le 12 octobre 2011
Ces
tutoriels sont mis à disposition selon les termes de la
licence
Creative Commons Paternité-Pas d'Utilisation Commerciale-Partage
des Conditions Initiales à l'Identique 2.0 France.
