//<HRP>

Bonjour à tous(tes), bienvenue si vous êtes nouveau(elle),
voilà un sujet qui, je pense, fera le bonheur des bleus(es), qui débarquent sur un super forum en phpbb. (= langage informatique qui permet beaucoup d'intéractivité, de fantaisie et qui rend simple ce qui est d'ordinaire compliqué.)
Je vais tenter pour le coup de faire l'inventaire de toutes les possibilités offerte par le forum, et libre ensuite à vous de poser des questions ou, pour les plus aguerris(es), de compléter la liste ...

PS : Tutoriel optimisé pour une résolution de 1024*768. Testé avec Internet Explorer 6.0 et FireFox.

Allons-y :

Voici le plan du tutoriel, si vous connaissez certaines choses, cliquez-sur ce qui vous pose un soucis :

I) Présentation

II) Les bases

A) Le sujet

B) Le message

III) La mise en page

A) Les outils classiques

B) Citation et Code

C) Insérer des images

D) Les liens hypertexte

IV) Les smileys

V) Les options

VI) Le sondage

I) Présentation

Voici donc la page à laquelle vous êtes confronté lorsque vous lancez un sujet ou répondez à un post :



Une petite mise au point sur ce qui nous est présenté s'impose :



On peut distinguer 4 parties distinctes sur cette image avec :
(1) la console de texte où vous indiquez le titre de votre sujet ou de votre réponse,
(2) la console dans laquelle vous rédigerez votre message,
(3) la barre d'outils de mise en forme du message,
(4) les smileys.

Voilà, maintenant que nous ne sommes plus en terrain inconnu, on va pouvoir passer à la rédaction de notre message ...

II) Les bases

A) Le sujet

Le sujet d'un message peut sembler être un détail mais il a son importance car un bon sujet détermine toujours aux yeux du lecteur potentiel la qualité du message. En effet, il est évident qu'un sujet clair et entreprenant donnera envie de lire le message... C'est en fait exactement le but du sujet, il faut éveiller la curiosité des autres utilisateurs. C'est la raison pour laquelle on choisira des termes clefs qui apparaitront dans le sujet, donnant ainsi l'idée directrice du message et incitant à vouloir en savoir d'avantage.
Pour ce qui est de la mise en forme du sujet, on évitera d'utiliser les majuscules (oui, un titre entièrement en majuscules, c'est comme le bonnet phrygien sur la tête d'un sans-culotte, ça se voit fort et ça fait penser à une révolution .)
Et pour la ponctuation, évitez également les séries de points d'exclamations, pour les mêmes raisons.

Voilà pour la première étape, qui peut être aussi la dernière en cas de panne d'imagination, à condition de ne pas l'oublier ...

B) Le message

Le message que vous voulez faire passer n'est pas limité en nombre de caractère, comme sur d'autres forums.
Il peut être plus ou moins court selon ce que vous avez à dire.
On préfèrera, par soucis de clarté, (et de gentillesse pour les yeux de nos aînés ) utiliser des mots français correctement orthographiés. ATTENTION: cela ne veut pas dire que les fautes sont interdites, mais simplement que les abréviations ne sont pas toujours compréhensibles pour tous et qu'elles mènent aussi parfois -souvent même- à des phrases totalement dénuées de sens ! Que ceux qui ne sont pas en très bon termes avec Petit Robert, Larousse ou Besherel ne s'inquiètent donc pas, on ne leur retirera pas de points à leur prochaine dissertation ...
Une dernière chose évidente est que le contenu du message ne doit pas être insultant pour qui que ce soit, ou être hors-la-loi. Il existe effectivement des lois pour internet, et le fait d'être derrière un écran ne nous protège aucunement et, en cas de faute grave, de nombreux moyens permettent de retrouver (back-trace) un délinquant du net ... Ce dernier point devait être signalé pour rendre ce post le plus complet possible, mais à l'évidence, il ne s'adresse à aucun de nous qui sommes ici afin de créer des liens ... ...

III) La mise en page

La mise en page d'un message est importante pour les mêmes raisons que celles que l'ont nous apprend au lycée ... En effet, il s'agit ici, encore une fois, de donner envie de lire l'intégralité du message en présentant un texte construit plutôt qu'un "pâté de mots" ...

A) Les outils classiques

Mis à part le retour à la ligne, il existe bien des manières de donner du corps à un post, dont les fonctions classiques que proposent l'ensemble des logiciels de traitement de texte.
Ce forum permet donc de mettre du texte en gras, en italique mais aussi de souligner ou de barrer du texte.
De la même manière que dans les programmes classiques, il suffit pour cela, une fois le message saisi dans la console dédiée à cela, de sélectionner le texte voulu avec la souris puis de cliquer sur l'effet désiré (se trouvant dans le cadre vert de la deuxième image de ce tuto). TOUTEFOIS, contrairement à un logiciel de traitement de texte, le texte ne sera pas instantanément transformé dans la console, mais des balises apparaitront alors et encadreront le texte transformé. Ceci n'est pas un bug, mais simplement la rencontre avec le bbcode ...*
Pour les effets cités ci-dessus, voilà ce que l'on pourra voir dans la console de saisi du message :

Code:

[b]Ces balises pour le texte en gras.[/b] [i]Ces autres balises pour l'italique.[/i] [u]Celles-ci seront pour souligner du texte.[/u] [strike]Et enfin celles-ci permettront de barrer du texte[/strike]

La méthode est la même (sélection + application de l'effet par simple clic) pour les effets "liste" "défiler", "centrer", "droite", "couleur", "taille".
NB: "Liste" est un effet permettant de faire un alinéa à chaque retour à la ligne entre les deux balises ...

On a alors :

Code:

[list]Liste[/list] [scroll]Défiler[/scroll] [center]Centrer[/center] [right]Droite[/right] [color=black]Couleur[/color] [size=24]Taille[/size]

Remarquez pour "couleur" et "taille" l'apparition d'une variable précédée par le signe "=" ...

B) Citation et Code

Les outils "citer" et "code" sont très utiles lorsqu'il s'agit de mettre en avant les propos de quelqu'un ou de transmettre un codage par l'intermédiaire du forum ...
Le "code" permet de partager de manière brute le code source d'une page web, le bbcode d'un message de forum ou tout autre forme de langage informatique susceptible d'être lu par phpbb dans notre cas. L'intérêt se trouve dans le fait que si le code à partager est lu par phpbb, alors il sera impossible aux lecteurs de l'exploiter (le code) puisque seuls les effets qu'il doit engendrer seront visibles ...
Petit exemple concret:
Je désire vous faire partager le bbcode de ce paragraphe afin que vous compreniez l'utilité de l'outil "code", alors j'utilise "code" ...
... ( c'est farfelu, mais l'exemple va parler de lui même.)

Code:

[list][color=green][u][b][list]B) Citation et Code[/list][/b][/u][/color][/list] Les outils "[b]citer[/b]" et "[b]code[/b]" sont très utiles lorsqu'il s'agit de [b]mettre en avant[/b] les [b]propos[/b] de quelqu'un ou de [b]transmettre un codage[/b] par l'intermédiaire du forum ... Le "[b]code[/b]" permet de partager de manière [b]brute[/b] le code source d'une page web, le bbcode d'un message de forum ou tout autre forme de [b]langage informatique susceptible d'être lu[/b] par phpbb dans notre cas. L'[b]intérêt[/b] se trouve dans le fait que [b]si le code [/b]à partager [b]est lu [/b]par phpbb, alors [b]il sera impossible [/b]aux lecteurs [b]de l'exploiter [/b](le code) puisque [b]seuls les effets [/b]qu'il doit engendrer [b]seront visibles [/b]... [i]Petit exemple concret: Je désire vous faire partager le bbcode de ce paragraphe afin que vous compreniez l'utilité de l'outil "code", alors j'utilise "code" ... ( :suspect:  c'est farfelu, mais l'exemple va parler de lui même.)[/i]

"Citer" sert donc à reprendre les propos tenu par quelqu'un dans un message antérieur. Pour cela, copiez/collez (dans la console de saisie du message) ce que vous désirez reprendre des mots d'un utilisateur, sélectionnez le tout, cliquez sur le bouton "Citer".
On aura alors :

Citation:

Exemple de citation ...

Une alternative intéressante existe pour l'outils citation. Elle consiste à indiquer aux autres le pseudo de la personne citée. Pour ce faire, procédez de la sorte : dans la balise d'ouverture, ajoutez après "quote" (sans espace) "="pseudo"" ... En fait, on ajoute une variable, vous vous souvenez ?
Clarifions le tout grâce à un outils dont j'ai déjà parlé :

Code:

[quote="FLoW"] Voici un exemple de citation qui permet d'indiquer "c'est qui qui dit quoi" ;) ... Et les guillemets sont très importants ! [/quote]

Ce qui nous donne:

FLoW a écrit:

Voici un exemple de citation qui permet d'indiquer "c'est qui qui dit quoi" ... Et les guillemets sont très importants !

C) Insérer des images

Il existe deux manières différentes d'insérer des images dans un message sur les forums en phpbb.

La première consiste à uploader une image de son disque dur vers l'espace disque du site. En fait, on peut prendre pour exemple MSN lorsque vous envoyez un fichier (image, son, etc ...) à votre correspondant, ce fichier est alors envoyé dans le dossier "Mes fichiers reçus" (si ma mémoire est bonne), et bien ici, c'est la même chose, imageshack.us enregistre automatiquement l'élément envoyé dans un dossier spécifique mais sur l'espace disque (ou FTP) où est hébergé le site. Il vous donne ensuite une liste de liens qui mènent à cette image. Il vous suffit de copier/coller l'un des liens dans la console de saisie de votre message.

En images:


(1) Cliquez sur parcourir et recherchez sur votre disque dur l'image que vous désirez partager ...
(2) Si l'image est grande, vous pouvez cocher cette case qui la redimensionnera à la taille que vous aurez choisi dans le menu déroulant.
(3) Cliquez sur "Host it !" pour envoyer l'image sur l'espace disque (FTP) du site imageshack.us



(4) Choisissez l'un des deux premiers liens proposés et collez le dans la console de saisi du message.

Bref, c'est la manière la plus simple d'insérer une image se trouvant sur votre disque dur et elle s'utilise avec le bouton "Insérer une image".

L'autre manière d'insérer une image consiste à entrer directement l'adresse URL (http:// ...) de l'image en question, puis de sélectionner cette adresse URL et enfin de cliquer sur le bouton "Image" ...

Exemple: je veux insérer la bannière du forum NDP (tout en haut de la page).
Je fais un clic-droit sur l'image, puis "Propriétés", j'obtiens ceci :



Ce qui m'intéresse, c'est bien l'adresse URL dont nous avons parlé précédemment, donc je fais un Copier/Coller de celle-ci dans la console de saisie du message, je la sélectionne puis je clique sur "Image" afin d'ajouter les balises.
Ce qui me donne en brut :

Code:

[img]http://www4.ac-lille.fr/~ndpaixlille/img/forumlogo.jpg[/img]

et au final :

Vous savez maintenant insérer des images grâce au bbcode ...

D) Les liens hypertexte

Un lien hypertexte, c'est un ou plusieurs mots qui, quand on passe le pointeur de la souris dessus, le transforme en main et qui, quand on clique dessus, nous dirige le plus souvent vers un site ...

Parfois, on désire partager un site avec les autres. Pour cela, la manière la plus simple est de transmettre l'adresse URL de ce site. On peut procéder de trois manières différentes sur phpbb.
Tout d'abord, entrer simplement l'adresse URL du site en indiquant le minimum nécessaire, c'est à dire le protocole (http://) du site, qui est l'élément qui permet à phpbb de "comprendre" qu'il s'agit d'une adresse URL. Alors un lien hypertexte sera automatiquement créé sur l'adresse.
Exemple:
Si je tape titatu.fr, alors rien. Mais si j'indique l'adresse entière, le lien hypertexte se crée automatiquement : http://titatu.fr/

Le bbcode prévoit normalement qu'une fois l'adresse URL entrée, vous la sélectionniez puis cliquiez sur le bouton "Lien". Ceci semble être une perte de temps puisqu'au final, seule l'apparence du lien changera puisque ce dernier ne sera pas souligné.
Exemple:

Code:

N'oubliez pas de visiter ce site : [url]http://titatu.fr/[/url]

Ce qui donne : N'oubliez pas de visiter ce site : http://titatu.fr/

La troisième solution permet quant à elle de donner le lien de façon plus originale. En effet, elle donne la possibilité de faire apparaitre un texte sensitif (qui réagit au passage de la souris), qui mènera à une URL précise lorsque quelqu'un cliquera dessus. Il faut pour cela entrer l'adresse URL en tant que variable de la balise d'ouverture URL. Le texte à faire apparaitre prend alors la place de l'URL dans l'exemple précédent.
Exemple:

Code:

[url=http://titatu.fr/]Cliquez-ici pour rigoler un petit coup ...  :rabbit: [/url]

Ce qui nous donne : Cliquez-ici pour rigoler un petit coup ...
Remarquez qu'à l'inverse de la citation, la variable n'est pas entre guillemets.

IV) Les smileys

Les smileys sont un moyen ludique et simple de faire passer un état d'esprit aux autres utilisateurs du forum. Il existe deux procédés pour les insérer à un message.
La plus simple consiste à cliquer sur le smiley que vous voulez introduire en le choisissant dans la boîte où ils sont enfermés en attendant de servir ... Un code apparait alors dans la console de saisie du message, ce code sera traduit par phpbb et fera apparaitre l'image du smiley.
L'autre méthode est plus intuitive. Certains des smileys sont en effet régulièrement utilisés dans tous types de dialogues sur internet, par conséquent, leur code est aussi connu par les internautes que Pythagore l'est d'un élève de 2nde ... Tout ceci pour dire que l'on pourra insérer plus naturellement ce genre de smileys : que ceux-ci : ... Et pour cause, voici le texte brut qui apparait dans ma console à l'heure où j'intègre ces smileys dans ce tutoriel:

Code:

Tout ceci pour dire que l'on pourra insérer plus naturellement ce genre de smileys : :) ;) :( :x que ceux-ci :  :clown:  :dwarf:  :elephant:  :smurfin: ...

V) Les options

Voici ce que l'on peut voir sous la console de saisie du message.
La partie de gauche est un récapitulatif de ce qui est ou n'est pas activé sur le forum.
La partie de droite, elle, vous permet de sélectionner ou non des options facultatives pour votre message. Je passerais les détails, je pense que les options parlent d'elles même.

VI) Le sondage

Les sondages sont pratique pour connaitre la tendance générale relative à une chose précise et il est facultatif dans un post. Si vous ne voulez pas ajouter de sondage à votre sujet, laissez ces champs tels qu'ils sont.
Lorsque vous voulez effectuer un sondage, entrez d'abord la question que vous désirez poser dans la console prévue à cet effet. Entrez ensuite dans le champ intitulé "Option du sondage" l'une des réponses possible à votre question puis cliquer sur "Ajouter l'option".



Une fois l'option ajoutée, un autre champ "Option du sondage" apparait sous la première réponse possible. Vous pouvez entrer autant d'options que vous le désirez, j'ai testé jusqu'à 20 options, et je pouvais encore en rajouter. Si vous désirez modifier une option déjà ajoutée, alors modifiez la réponse en question ( La réponse en question, lol ...) puis cliquez sur le bouton "Mettre à jour" situé sur la même ligne. Si vous désirez supprimer une option, vous l'aurez compris, cliquez sur "Supprimer".
Pour la durée du sondage, la valeur 0 ou un champ vide signifient un sondage permanent. Sinon, indiquez une durée en jours comme indiqué.

Voilà qui conclue donc ce tutoriel concernant l'utilisation du forum NDP et tous les forum utilisant le bbcode. Si un point est encore sombre pour vous, n'hésitez pas à nous en faire part ici, nous tâcherons de vous aider.
Maintenant, à vos claviers ...

Cu.

//</HRP>

Magnifique tutoriel ... quel courage !

Enfin ... falais pas se casser le c** a ce point la ... si quelqu'un ne sait pas utiliser le fofo il arrivera surement pas a trouver ton tutoriel
Bonne continuation en tout cas

PS: dans ta signature ... ton gif animé avec le bouton éditer bug ... on voi (tres) mal certains mots ... a refaire