Articles - Comment formater le texte sur le site
Le texte sur le site peut être formaté à l'aide de la barre d'outils en haut des pages d'écriture. Des balises sont ajoutées au texte ce qui constitue ce qu'on appel du "BBCode".
Le BBCode est une implémentation spéciale du HTML. L'activation de l'utilisation du BBCode est déterminée par l'administrateur. En outre, vous pouvez désactiver le BBCode dans un message lors de sa composition. Le BBCode en lui-même est similaire au style du HTML, les balises sont contenues dans des crochets [ et ] à la place de < et >, et offrent un meilleur contrôle sur la manière dont quelque chose doit être affichée. Selon le modèle de document que vous utilisez, vous pourrez facilement rajouter du BBCode à vos messages à travers une interface de boutons cliquables au-dessus de la zone de texte lors de la composition de votre message. Toutefois, le guide qui suit pourra vous être utile.
Mise en forme du Texte
Créer du texte en gras, italique et souligné
Le BBCode comprend des balises qui vous permettent de changer rapidement le style de votre texte. Cela se réalise des manières suivantes :
Pour rendre une partie de texte en gras, placez entre "b" et "/b", exemple:
Code:
Voici ce que ça donne:
Salut
Pour souligner un texte, utilisez "u" et "/u", par exemple:
Code:
Voici ce que ça donne:
Bonjour
Pour mettre un texte en italique, utilisez "i" et "/i", exemple:
Code:
Voici ce que ça donne:
C'est Super!
Pour centrer, utilisez "align=center" et "/align", exemple:
Code:
Voici ce que ça donne:
Changer la taille ou la couleur du texte Pour changer la couleur ou la taille de votre texte, les balises suivantes peuvent êtres utilisées. Ayez en tête que le rendement du texte dépendra de votre navigateur internet et de votre système d'exploitation:
Le changement de la couleur du texte se réalise en le plaçant dans "color=" "/color". Vous pouvez spécifier soit un nom de couleur reconnu (ex: red, blue, yellow, etc.), ou soit un code couleur hexadecimal, ex: #FFFFFF, #000000. Par exemple, pour créer du texte en rouge, vous pouvez utiliser:
Code:
Voici ce que ça donne:
Salut !
ou
Code:
Voici ce que ça donne:
Salut !
Le changement de la taille de votre texte se réalise de la même manière que pour la couleur en utilisant "size=" "/size". Cette balise est dépendant du modèle de document que vous utilisez, mais le format recommandé est une valeur numérique représentant la taille du texte en pixels, de 1 (tellement petit que vous le verrez pas) jusqu'à 29 (très grand). Par exemple:
Code:
Voici ce que ça donne:
PETIT
Code:
Voici ce que ça donne:
ENORME !
Puis-je combiner les balises de mise en forme ? Oui, bien sûr que vous pouvez, par exemple pour attirer l'attention de quelqu'un, vous devriez écrire::
Code:
Voici ce que ça donne:
REGARDEZ MOI !
Néanmoins, nous ne vous recommandons pas d'écrire beaucoup de texte comme ci-dessus ! Rappelez-vous que c'est à vous de vous assurer de fermer les balises correctement. Par exemple, ce qui suit est incorrect:
Code:
Citation et texte à pas-fixe
Citation dans les réponses
Il y a deux méthodes pour citer un texte, avec ou sans référence.
Lorsque vous utilisez la fonction Citer pour répondre à un message sur le forum, vous avez sûrement remarqué que le texte en citation est ajouté dans la zone de texte entre " quote="" " et "/quote". Cette méthode vous permet de citer avec une référence à une personne ou tout autre chose que vous aurez choisi de mettre ! Par exemple, pour citer un texte écrit par M. Dupont, vous devrez entrer:
Code:
Voici ce que ça donne:
"M. Dupont":
Cela ajoutera automatiquement, M. Dupont a écrit: avant votre texte. Rappelez-vous que vous devez inclure les guillemets "" autour de la référence que vous citez, ils ne sont pas optionnels.
La seconde méthode vous permet de citer quelque chose sans faire référence à l'auteur. Pour l'utiliser, placez le texte entre les balises "quote=Citation" et "/quote". Lorsque vous lirez votre message, il montrera simplement Citation: avant votre texte.
Création de Listes
Créer une liste non-ordonnée
Le BBCode supporte deux types de listes, les listes non-ordonnées, et les listes ordonnées. Elles sont essentiellement identiques à leurs équivalents en HTML. Une liste non-ordonnée produit une liste dont les entrées sont les uns en-dessous des autres et indentées avec une puce. Pour créer une liste non-ordonnée, utilisez "list" et "/list" et définissez chaque entrée à l'intérieur de la liste en utilisant [*]. Par exemple, pour établir une liste de vos couleurs favorites, vous pouvez utiliser:
Code:
Voici ce que ça donne:
Création de Liens
Créer un lien vers un autre site
Le BBCode de phpBB supporte plusieurs méthodes pour créer des liens, plus connus sous le sigle URLs.
La première méthode utilise les balises "url=" et "/url", tout ce que vous taperez après le signe = sera considéré comme le nom du lien. Par exemple pour créer un lien vers phpBB.com vous devez utiliser:
Code:
Voici ce que ça donne:
Visitez phpBB !
Ceci générera le lien suivant. Vous remarquerez que le lien ouvre une nouvelle fenêtre, l'utilisateur peut donc continuer à parcourir les forums s'il le souhaite.
Si vous voulez que le lien affiche directement l'URL, vous devez simplement utiliser:
Code:
Voici ce que ça donne:
http://www.phpbb.com/
De plus, phpBB possède une fonctionnalité appelé Magic Links, celle-ci convertira automatiquement une URL en un lien cliquable sans que vous ayez à insérer une balise BBCode ou "url=http://."http://."/url" Par exemple, en tapant :
Code:
dans votre message, celui-ci sera automatiquement convertit en
Code:
lorsque vous le lirez. Voici ce que ça donne:
http://www.phpbb.com
Comme pour toutes les balises BBCode entourez toute autre balise comme "img" et "/img" (reportez-vous à la partie suivante), "b" et "/b", etc. Comme pour les balises de mise en forme, c'est à vous de vous assurer que l'ordre des balises d'ouverture et de fermeture est correct, par exemple:
Code:
n'est pas correct et peut amener à la suppression de votre message, faites donc attention.
Affichage d'images dans les messages
Ajouter une image à un message
Le BBCode de phpBB inclut une balise pour incorporer des images à vos messages. Deux importants points à retenir lors de l'utilisation de cette balise sont que premièrement, beaucoup d'utilisateurs n'apprécient guères un trop plein d'images dans un message et que secondement, l'image que vous voulez afficher doit déjà être disponible sur internet (elle ne peut pas seulement exister sur votre ordinateur par exemple, à moins que votre ordinateur soit lui-même un serveur internet !). Il n'y a actuellement aucun moyen de stocker localement des images avec phpBB (ce problème sera traité dans la prochaine version de phpBB). Pour afficher une image, vous devez entourer l'URL qui pointe vers l'image avec les balises "img" et "/img". L'image peut être n'importe dans l'Internet. Par exemple:
Code:
Voici ce que ça donne:

Comme noté ci-dessus dans la section Création de Liens, vous pouvez placer une image dans les balises "url" et "/url" si vous le souhaitez, exemple:
Code:
Voici ce que ça donne:

Tableau
Un tableau contient 3 éléments: "table" et "/table", "row" et "/row", "col" et "/col". Il faut mettre autant de ligne et de colonne que désiré; par exemple, pour 2 lignes de 2 colonnes:
Code:
Voici ce que ça donne:
Conclusion
Il y en encore bien des codes à apprendre. Utilisez la barre d'outils pour insérer les codes automatiquement et changez les de place à votre gré.
Pour de plus amples détails:
http://www.phpboost.com/articles/articles-6-61-1+mise-en-page-du-contenu.php
Le BBCode est une implémentation spéciale du HTML. L'activation de l'utilisation du BBCode est déterminée par l'administrateur. En outre, vous pouvez désactiver le BBCode dans un message lors de sa composition. Le BBCode en lui-même est similaire au style du HTML, les balises sont contenues dans des crochets [ et ] à la place de < et >, et offrent un meilleur contrôle sur la manière dont quelque chose doit être affichée. Selon le modèle de document que vous utilisez, vous pourrez facilement rajouter du BBCode à vos messages à travers une interface de boutons cliquables au-dessus de la zone de texte lors de la composition de votre message. Toutefois, le guide qui suit pourra vous être utile.
Mise en forme du Texte
Créer du texte en gras, italique et souligné
Le BBCode comprend des balises qui vous permettent de changer rapidement le style de votre texte. Cela se réalise des manières suivantes :
Pour rendre une partie de texte en gras, placez entre "b" et "/b", exemple:
Code:
[b]Salut[/b]
Voici ce que ça donne:
Salut
Pour souligner un texte, utilisez "u" et "/u", par exemple:
Code:
[u]Bonjour[/u]
Voici ce que ça donne:
Bonjour
Pour mettre un texte en italique, utilisez "i" et "/i", exemple:
Code:
C'est [i]Super![/i]
Voici ce que ça donne:
C'est Super!
Pour centrer, utilisez "align=center" et "/align", exemple:
Code:
[align=center]Ce texte est au centre[/align]
Voici ce que ça donne:
Ce texte est au centre
Changer la taille ou la couleur du texte Pour changer la couleur ou la taille de votre texte, les balises suivantes peuvent êtres utilisées. Ayez en tête que le rendement du texte dépendra de votre navigateur internet et de votre système d'exploitation:
Le changement de la couleur du texte se réalise en le plaçant dans "color=" "/color". Vous pouvez spécifier soit un nom de couleur reconnu (ex: red, blue, yellow, etc.), ou soit un code couleur hexadecimal, ex: #FFFFFF, #000000. Par exemple, pour créer du texte en rouge, vous pouvez utiliser:
Code:
[color=red]Salut ![/color]
Voici ce que ça donne:
Salut !
ou
Code:
[color=#FF0000]Salut ![/color]
Voici ce que ça donne:
Salut !
Le changement de la taille de votre texte se réalise de la même manière que pour la couleur en utilisant "size=" "/size". Cette balise est dépendant du modèle de document que vous utilisez, mais le format recommandé est une valeur numérique représentant la taille du texte en pixels, de 1 (tellement petit que vous le verrez pas) jusqu'à 29 (très grand). Par exemple:
Code:
[size=9]PETIT[/size]
Voici ce que ça donne:
PETIT
Code:
[size=24]ENORME ![/size]
Voici ce que ça donne:
ENORME !
Puis-je combiner les balises de mise en forme ? Oui, bien sûr que vous pouvez, par exemple pour attirer l'attention de quelqu'un, vous devriez écrire::
Code:
[size=18][color=red][b]REGARDEZ MOI ![/b][/color][/size]
Voici ce que ça donne:
REGARDEZ MOI !
Néanmoins, nous ne vous recommandons pas d'écrire beaucoup de texte comme ci-dessus ! Rappelez-vous que c'est à vous de vous assurer de fermer les balises correctement. Par exemple, ce qui suit est incorrect:
Code:
[b][u]Ceci est incorrect[/b][/u]
Citation et texte à pas-fixe
Citation dans les réponses
Il y a deux méthodes pour citer un texte, avec ou sans référence.
Lorsque vous utilisez la fonction Citer pour répondre à un message sur le forum, vous avez sûrement remarqué que le texte en citation est ajouté dans la zone de texte entre " quote="" " et "/quote". Cette méthode vous permet de citer avec une référence à une personne ou tout autre chose que vous aurez choisi de mettre ! Par exemple, pour citer un texte écrit par M. Dupont, vous devrez entrer:
Code:
[quote="M. Dupont"]Le texte écrit par M. Dupont devra être placé ici[/quote]
Voici ce que ça donne:
"M. Dupont":
Le texte écrit par M. Dupont devra être placé ici
Cela ajoutera automatiquement, M. Dupont a écrit: avant votre texte. Rappelez-vous que vous devez inclure les guillemets "" autour de la référence que vous citez, ils ne sont pas optionnels.
La seconde méthode vous permet de citer quelque chose sans faire référence à l'auteur. Pour l'utiliser, placez le texte entre les balises "quote=Citation" et "/quote". Lorsque vous lirez votre message, il montrera simplement Citation: avant votre texte.
Création de Listes
Créer une liste non-ordonnée
Le BBCode supporte deux types de listes, les listes non-ordonnées, et les listes ordonnées. Elles sont essentiellement identiques à leurs équivalents en HTML. Une liste non-ordonnée produit une liste dont les entrées sont les uns en-dessous des autres et indentées avec une puce. Pour créer une liste non-ordonnée, utilisez "list" et "/list" et définissez chaque entrée à l'intérieur de la liste en utilisant [*]. Par exemple, pour établir une liste de vos couleurs favorites, vous pouvez utiliser:
Code:
[list] [*]Rouge [*]Bleu [*]Jaune [/list]
Voici ce que ça donne:
- Rouge
- Bleu
- Jaune
Création de Liens
Créer un lien vers un autre site
Le BBCode de phpBB supporte plusieurs méthodes pour créer des liens, plus connus sous le sigle URLs.
La première méthode utilise les balises "url=" et "/url", tout ce que vous taperez après le signe = sera considéré comme le nom du lien. Par exemple pour créer un lien vers phpBB.com vous devez utiliser:
Code:
[url=http://www.phpbb.com/]Visitez phpBB ![/url]
Voici ce que ça donne:
Visitez phpBB !
Ceci générera le lien suivant. Vous remarquerez que le lien ouvre une nouvelle fenêtre, l'utilisateur peut donc continuer à parcourir les forums s'il le souhaite.
Si vous voulez que le lien affiche directement l'URL, vous devez simplement utiliser:
Code:
[url=http://www.phpbb.com/]http://www.phpbb.com/[/url]
Voici ce que ça donne:
http://www.phpbb.com/
De plus, phpBB possède une fonctionnalité appelé Magic Links, celle-ci convertira automatiquement une URL en un lien cliquable sans que vous ayez à insérer une balise BBCode ou "url=http://."http://."/url" Par exemple, en tapant :
Code:
http://www.phpbb.com
dans votre message, celui-ci sera automatiquement convertit en
Code:
[url=http://www.phpbb.com]www.phpbb.com[/url]
lorsque vous le lirez. Voici ce que ça donne:
http://www.phpbb.com
Comme pour toutes les balises BBCode entourez toute autre balise comme "img" et "/img" (reportez-vous à la partie suivante), "b" et "/b", etc. Comme pour les balises de mise en forme, c'est à vous de vous assurer que l'ordre des balises d'ouverture et de fermeture est correct, par exemple:
Code:
[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]
n'est pas correct et peut amener à la suppression de votre message, faites donc attention.
Affichage d'images dans les messages
Ajouter une image à un message
Le BBCode de phpBB inclut une balise pour incorporer des images à vos messages. Deux importants points à retenir lors de l'utilisation de cette balise sont que premièrement, beaucoup d'utilisateurs n'apprécient guères un trop plein d'images dans un message et que secondement, l'image que vous voulez afficher doit déjà être disponible sur internet (elle ne peut pas seulement exister sur votre ordinateur par exemple, à moins que votre ordinateur soit lui-même un serveur internet !). Il n'y a actuellement aucun moyen de stocker localement des images avec phpBB (ce problème sera traité dans la prochaine version de phpBB). Pour afficher une image, vous devez entourer l'URL qui pointe vers l'image avec les balises "img" et "/img". L'image peut être n'importe dans l'Internet. Par exemple:
Code:
[img]http://www.cheminement.ca/articles/images/lion.jpg[/img]
Voici ce que ça donne:

Comme noté ci-dessus dans la section Création de Liens, vous pouvez placer une image dans les balises "url" et "/url" si vous le souhaitez, exemple:
Code:
[url=http://www.cheminement.ca/][img]http://www.cheminement.ca/articles/images/lion.jpg[/img][/url]
Voici ce que ça donne:

Tableau
Un tableau contient 3 éléments: "table" et "/table", "row" et "/row", "col" et "/col". Il faut mettre autant de ligne et de colonne que désiré; par exemple, pour 2 lignes de 2 colonnes:
Code:
[table]
[row][col]1,1[/col][col]1,2[/col][/row]
[row][col]2,1[/col][col]2,2[/col][/row]
[/table]
Voici ce que ça donne:
| 1,1 | 1,2 |
| 2,1 | 2,2 |
Conclusion
Il y en encore bien des codes à apprendre. Utilisez la barre d'outils pour insérer les codes automatiquement et changez les de place à votre gré.
Pour de plus amples détails:
http://www.phpboost.com/articles/articles-6-61-1+mise-en-page-du-contenu.php
Note: Aucune note
Ecrit par: SylvainB, Le: 02/09/08
Pour faire un don à l'IDP, cliquez sur ce lien:
![]() |
| ![]() |






