Cours et tutoriaux Photoshop, Flash, Fireworks, Paintshop et sur le développement de sites Web XHTML, PHP, MySQL...

Manuel BBCode ND v5

Le BBCode utilisé sur cette version 5 de NetgerDesign.com est particulièrement évolué.

Celui-ci peut-être utilisé pour rédiger vos messages sur le forum ou vos messages privés mais vous pouvez également l'utiliser pour rédiger les articles et les tutoriaux que vous souhaitez partager.

Styles de texteIcone remonter en haut de page

1) Texte en gras

Pour mettre un texte en gras, 2 solutions s'offrent à vous :

[b] texte en gras [/b] ou [strong] texte en gras [/strong]


2) Texte en italique

Tout comme pour mettre le texte en gras, vous disposez ici aussi de 2 solutions :

[i] texte en italique [/i] ou [em] texte en italique [/em]


3) Texte en souligné

Cette fois une seule syntaxe permet de souligner le texte.

[u] texte souligné [/u]


4) Texte barré

Pour barrer un texte, utilisez cette syntaxe :

[strike] texte barré [/strike]


5) Texte préformaté

Pour afficher un texte préformaté, utilisez cette syntaxe :

[pre] texte préformaté [/pre]


6) Texte en indice et en exposant

Un texte peut-être placé en indice ou en exposant en utilisant ces syntaxes :

[sub] texte en indice [/sub] et [sup] texte en exposant [/sup]

Taille du texteIcone remonter en haut de page

Il est également possible de modifier la taille du texte en utilisant cette syntaxe où X représente un nombre entre 8 et 30 :

[size=X] texte [/size]

Couleurs du texteIcone remonter en haut de page

Le texte peut désormais arborer une trés large palette de couleurs. Pour cela vous pouvez soit utiliser l'une des syntaxe prédéfinie ou utiliser une notation hexadécimale.


1) Couleurs prédéfinies

Pour ceux qui n'ont pas l'habitude d'utiliser les notations hexadécimales ces syntaxes s'avéreront plus simple à retenir :

[noir] texte en noir [/noir]
[blanc] texte en blanc [/blanc]
[jaune] texte en jaune [/jaune]
[orange] texte en orange [/orange]
[rouge] texte en rouge [/rouge]
[violet] texte en violet [/violet]
[bleu] texte en bleu [/bleu]
[vert] texte en vert [/vert]


2) Autres couleurs

Et pour ceux que l'hexadécimal ne rebute pas, vous aurez à votre disposition une large palette de couleurs.
Voici la syntaxe à utiliser :

[color=#000000] texte en noir [/color]

L'alignementIcone remonter en haut de page

Il est possible de définir l'alignement des différents éléments (texte, images, animations) très simplement.


1) Alignement à gauche

[al] élément aligné à gauche [/al]


2) Alignement au centre

[ac] élément centré [/ac]


3) Alignement à droite

[ar] élément aligné à droite [/ar]

Les listesIcone remonter en haut de page

Les listes sont des éléments essentiels de structuration de l'information. Voici comment les utiliser :


1) Listes non-ordonnées

Comme l'indique le titre ces listes ne sont pas ordonnées, c'est-à-dire que chaque élément est surmonté d'un symbole (tel que le point, le disque ou le carré)

[ul]
[li] élément 1 [/li]
[li] élément 2 [/li]
...
[li] élément X [/li]
[/ul]


2) Listes ordonnées

Ces listes par-contre sont numérotées à partir de 1 :

[ol]
[li] élément 1 [/li]
[li] élément 2 [/li]
...
[li] élément X [/li]
[/ol]


3) Listes de définitions

Et ces listes permettent d'introduire une série de définitions :

[dl]
[dt] titre 1 [/dt]
[dd] définition 1 [/dd]
...
[li] élément X [/li]
[/dl]

Les citationsIcone remonter en haut de page

[cite] citation [/cite] ou [cite=login] citation [/cite]

Les codes-sourcesIcone remonter en haut de page

[code] code-source [/code] ou [code=langage] code-source [/code]

Les liensIcone remonter en haut de page

Deux possibilités s'offrent à vous pour indiquer un lien :

[url] url du lien [/url] ou [url=url du lien] libellé [/url]

Les adresses mailIcone remonter en haut de page

Il en va de même pour indiquer une adresse email :

[mail] mail [/mail] ou [mail=mail] libellé [/mail]

Les smileysIcone remonter en haut de page

Les smileys sont automatiquement détectés lorsque vous notez le symbole # (diese) suivis d'une lettre majuscule (de A à E) puis d'un nombre (de 1 à 10).
Par exemple : #B6 ou #E10...

Les imagesIcone remonter en haut de page

L'affichage des images peut-être pourvu de différents paramètres tels que la largeur, la hauteur et le titre.
Si aucune dimension n'est indiquée l'image sera alors affichée avec ses dimensions d'origine.
Dans le cas où seul la largeur est indiquée, la hauteur sera automatiquement définie afin de respecter les proportions de l'image

[img] url de l'image [/img]
[img=largeur] url de l'image [/img]
[img=largeurxhauteur] url de l'image [/img]
[img§titre] url de l'image [/img]
[img=largeur§titre] url de l'image [/img]
[img=largeurxhauteur§titre] url de l'image [/img]

Les animations FlashIcone remonter en haut de page

Les animations Flash peuvent également être intégrées dans vos messages.
Si aucun paramètre n'est indiqué, l'animation sera automatiquement redimensionnée en 100 x 100 px.
Pour les autres cas vous pouvez indiquer la largeur, la hauteur et le titre.

[flash] url de l'animation [/flash]
[flash=largeurxhauteur] url de l'animation [/flash]
[flash=largeurxhauteur§titre] url de l'animation [/flash]

Autres tagsIcone remonter en haut de page

Les tags suivants seront sans doute moins utilisés que les précédents...


1) Abbréviation

[abbr=titre] abbréviation [/abbr]


2) Acronyme

[acronym=titre] acronym [/acronym]


3) Citation d'auteur

[blockquote=titre] citation [/blockquote]


4) Citation de texte

[q] citation [/q]


5) Adresse

[address] adresse [/address]


6) Saisie clavier

[kbd] saisie clavier [/kbd]


7) Exemple

[samp] exemple [/samp]


8) Variable

[var] variable [/var]



Utilisez FireFoxW3C XHTML 1.0W3C CSS 2.1