Guide du BBCode

Statut
N'est pas ouverte pour d'autres réponses.

DeletedUser

Guest
Informations sur le BBcode

(Vous pouvez aussi vous référez sur le lien suivant http://forum.fr.grepolis.com/misc.php?do=bbcode)

Le BBcode est un langage simplifié destiné à mettre en forme des articles. Ci-dessous je propose de nombreuses balises pour changer l'aspect de votre texte ainsi qu'y insérer des informations supplémentaires comme des images, par exemple. Ici, vous trouverez tout ce qu'il vous faut pour utiliser le BBcode au mieux.

Notes :

-un pad de mise en forme est utilisable sur chaque zone de texte du site pour vous en faciliter l'usage.
-le BBcode ne fonctionne PAS dans les champs comme les titres.
-si vous consultez cette page car vous avez des problèmes avec les boutons de mise en forme, vérifiez que Javascript est activé sur votre navigateur.

Menu :

Mise en forme d'un texte
Les titres
Les couleurs
Crée une liste numéroté et liste à puces
Images et liens
Les ancres
Les citations
Les vidéos

Mise en forme d'un texte :

Voici quelques balises pour changer l'aspect de votre texte. Notez que ces balises peuvent se combiner : vous pouvez par exemple mettre à la fois en gras et en italique.

upload_uodutprewbsp136.png


Positionnement d'un texte :

Par défaut, le texte est aligné à gauche : cela signifie que chaque saut de ligne ramène le texte à gauche, sauf si vous faites des espaces. Il est possible de changer la position d'un texte avec les balises suivantes :

upload_stprwuebdoup133.png


Les titres :

Il est possible d'insérer en plein article différents titres. De la même manière que les balises ci-dessus, vous pouvez aligner un titre comme bon vous semble avec les balises suivantes :

upload_dupbropewuts134.png


Liste numérotée et à puce :

Il est possible d'insérer une liste numérotée et à puce avec les codes ci-dessous. Vous pouvez numérotée une liste facilement de même de crée une liste avec puce.

upload_brpsdeputwuo135.png


exemple

  1. Manger
  • Dormir
  • Manger
  • Dormir

exemple

  • Manger
  • Manger
  • Manger

Les couleurs :

L'interface de mise en forme vous permet de choisir plusieurs couleurs définies, mais vous aurez remarqué que la balise a une forme un peu spéciale. En effet, elle utilise la technique RGB (Red Green Blue), une technique informatique de reconstitution de couleur à l'aide des 3 couleurs primaires : le rouge, le vert et le bleu. Ces trois valeurs, séparées par une virgule sans espace, peuvent aller de 0 à 255. Plus la valeur augmente, plus la nuance de rouge, de bleu ou de vert sera claire, et vice versa. Les différentes valeurs se combinent pour donner de nouvelles couleurs. Si vous dépassez la valeur 255, cette valeur est arrondie. A noter que de nombreux programmes (dont Paint) permettent de visualiser une couleur à partir des tons de rouge, de vert et de bleu que vous avez tapé. Voici quelques exemples d'usage de cette balise :

upload_wtrdebsppuou136.png


Aide pour les codes couleurs : http://www.henri-ruch.ch/HTML/Couleurs/couleurs.asp

Images et liens :

Pour afficher une image, vous devez tout d'abord avoir son lien direct, soit le lien qui mène à l'image seule. La syntaxe de l'adresse d'une image doit ressembler à ceci :

upload_pbtoruespduw137.png


Une fois un tel lien mis entre les bonnes balises (
), l'image est affichée dans votre texte. Notez que vous disposez d'une galerie personnelle sur le site pour stocker vos images et que la visualisation de votre galerie affiche le BBcode pour utiliser l'image stockée.

Exemple :

Affichons ceci :
grepolis.jpg


exemple

Le lien de l'image est : http://www.playbbg.com/wp-content/uploads/2010/01/grepolis.jpg

Voici le BBcode à utiliser :

upload_psetrodbuwpu139.png


Exemple :

Faisons un lien vers Google : Google.

L'adresse de Google est http://www.google.com et comme titre, nous mettons simplement "Google". Voici le BBcode à utiliser :

upload_pbtoruespduw137.png


Résultat : Google

Les ancres :

Voici des balises un peu particulières : les ancres. Une ancre consiste à faire un lien d'une page vers un autre point de cette page. Quand vous cliquez sur un lien relié à une ancre, votre navigateur s'aligne sur l'ancre en question.

Pour créer une ancre, il faut poser un id dessus, autrement dit, vous devez lui donner un nom. Il existe plusieurs balises pour poser des ancres en fonction de l'élément qui servira d'ancre : titre, mise en gras, mise en italique, etc. Voici les balises :

upload_upposwedtrbu138.png


Ces balises affichent exactement la même chose que si vous utilisiez les balises homologues sans ancres, mais grâce à ces versions, vous pourrez faire un lien vers une partie de l'article assez éloignée avec la balise de lien, comme suit :

Les citations :

Vous avez la possibilité de citer d'autres membres lors de l'écriture d'un message ainsi que de masquer des phrases que vous ne voulez pas afficher directement (note : un spoil est une phrase ou un court texte qui dévoile un élément clé de l'intrigue d'un jeu ou d'un film et donc gâche sa découverte, d'où le nom de la balise). Voici la syntaxe de la balise de citation :

upload_orpptdusuewb139.png


Si vous voulez par exemple citer la célèbre phrase de Arthur Conan Doyle :

Arthur Conan Doyle a dit:
Lorsque vous avez éliminé l'impossible, ce qui reste, si improbable soit-il, est nécessairement la vérité

Les vidéos :

Dernière possibilité du BBcode : afficher des vidéos de YouTube, DailyMotion directement dans vos articles. Le fonctionnement est simple : il faut placer le code de la vidéo entre ces balises :

upload_potsbrdupewu140.png


La difficulté d'usage de ces balises, c'est justement de trouver le code de la vidéo. Voici comment procéder :

YouTube : récupérez le code alphanumérique affiché après watch?v=. Si d'autres variables sont dans l'adresse, ne les prenez pas.

upload_rpodsptuwebu124.png


DailyMotion : récupérez le code toujours affiché à la fin du lien d'une vidéo. Pour simplifiez, prenez ce qui est après le /video/ dans le permalien.

upload_bopertuwpdsu125.png


Après, vous n'avez plus qu'à insérer le code entre les balises adéquates. Notez que le centrage n'est pas automatique, pensez donc à utiliser les balises de centrage.

IMPORTANT : ceux qui veulent donner plus d'information que j'aurais oublié, merci de me contacter par Message Privée ou ici même.
 
Dernière édition par un modérateur:
Statut
N'est pas ouverte pour d'autres réponses.
Haut