[TUTO] Le BB-Code

Voici un petit tuto, "empire states building" que j'avais fait en m'inspirant d'un tuto déja existant sur les forums de http://www.zelda-solarus.com, je l'ai juste adapté à forumactif.
C'est parti.
Le BB-code, d'abord, c'est ce qui permet de mettre un texte en gras, en italique sur le forum,c'est très facile quand on connais certaines astuces que je vais mettre ici.

1) Le texte en gras

Pour écrire un texte en gras, il suffit de placer votre texte entre les balises

Code:

[b]

et

Code:

[/b]

Donc pour écrire Coucou en gras il faudra fairecomme ceci:

Code:

[b]Coucou[/b]

Ce qui donnera : Coucou

2) Le texte en Italique

Pour écrire un texte en Italique, il suffit de placer votre texte entre les balises

Code:

[i]

et

Code:

[/i]

Donc pour écrire Coucou en italique il faudra fairecomme ceci:

Code:

[i]Coucou[/i]

Ce qui donnera : Coucou

3) Le texte Souligné

Pour souligner un texte, il suffit de placer votre texte entre les balises

Code:

[u]

et

Code:

[/u]

Donc pour écrire Coucou souligné il faudra fairecomme ceci:

Code:

[u]Coucou[/u]

Ce qui donnera : Coucou

4) Le texte barré

Pour écrire un texte barré, il suffit de placer votre texte entre les balises

Code:

[strike]

et

Code:

[/strike]

Donc pour écrire un Coucou Barré (pas trop d'interet) il faudra fairecomme ceci:

Code:

[strike]Coucou[/strike]

Ce qui donnera : Coucou

4-1) D'autres balises pour le fun!!
Et des novelles balises:

Pour écrirre un texte qui disparait, il suffit de mettre entre les balises:

Code:

[fade]

et

Code:

[/fade]

Et mon texte disparrait !!!

ensuite le texte inversé (très grande utilité), il sufit de mettre entre les balises

Code:

[flipv]

et

Code:

[/flipv]

et voila le résultat: inversé  enfin retourné

De meme avec les balises

Code:

[fliph] et [/fliph]

on aura du texte inversé horizontallement c'est beau!!! 

Et si maintennant je pouvais flouter mon texte, et ben c'est facile!!!
avec les balises

Code:

[blur] et [/blur]

et mon texte se floute c'est super

Ces dernieres balises ont peu d'utilité mais vive le fun!!!




5) Couleur et taille du texte

Pour écrire un texte avec une police colorée, il faut écrire ceci dans votre message

Code:

[color=nom de votre couleur en anglais]Ton texte[/color]

A la place de nom de votre couleur en anglais, il sufira de placer, les nom des couleurs dans la langue de Shakespeare. Soit l'un des mots suivants:

darkred: Rouge Foncé
red: Rouge
orange: orange
brown: Marron
yellow: Jaune (comme brice mdr)
green: Vert
olive: vert olive
cyan: Bleu cyan
blue: Bleu
darkblue: Bleu foncé
indigo: Bleu indigo
violet: Violet
rose: Rose
white: Blanc

Cela marche aussi avec les nombres héxadécimaux:
par exemple: tapez

Code:

[color=#006699]Votre texte[/color]

Et vous obtiendrez une couleur se rapprochant de celle du forum
Votre texte

On peut aussi modifier la taille du texte simplement en tapant ceci dans votre message

Code:

[size=taille de votre texte][/size]

A la place de taille du texte, vous devrez placer un chiffre de 1 a 14 ce qui donnera:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
jusqu'a 24

Je rajouterais juste, qui est possible de combiner ces balises mais qu'il ne faut pas le faire trop souvent, car ça peut devenir franchement chiant


6) Les citatons

Un des élément les plus dificiles a maitriser, les citations, il y a deux types de citations.

6.1) Citations simples

il sufit de mettre ces balises autour du passage que vous voulez citer:


Code:

[quote]coucou[/quote]


ce code est facile a retenir mais incomplet, ben oui on ne sait pas qui parle, c'est pour ça qu'on a inventé:

6.2) Les citations attributives

plus dure parce qu'on a pas le modéle dans la fenetre du message. Pour écrire une citation attributive il faut place ce que l'on cite entre ces balises:



Code:

[quote="pseudo de la personne que l'on cite"]blabla[/quote]


Ce qui donne

Shortwinner2205 a écrit:

blabla


on peut aussi rajouter la date et l'heure comme ceci:



Code:

[quote="Shortwinner2205, le 10/06/05 à 15h55"]Blabla[/quote]


On aura

Shortwinner2205, le 10/06/05 à 15h55 a écrit:

Blabla


Avec ceci, on peut combienr ces balises ce qui donne

6.3) Le multi-quote

On procede comme ceci:

Code:

[quote="SW2205"][quote="Carine"]Blabla[/quote]Blablabla[/quote]


Et on obtient:

SW2205 a écrit:

Carine a écrit:

Blabla

Blablabla


Attention tout de meme a ne pas trop abuser du multi-quote, c'est très mal vu!!!!! lol

7) le code

c'est tout bete, c'est ce qui permet de ne pas executer les balises, c'est ce que j'utilise depuis le début!!!

Il sufit de mettre le texte que l'on ne veut pas executer entre les balises:

Code:

[code][/code] et[code][/code]

8 ) Les listes

Il sufit d'entrer le code

Code:

[list][*]liste[*]liste[/list]

pour avoir une liste a puces c qui donne

• liste
• liste

9) les Liens

9.1) Liens simples

C'est très simple il sufit d'écrire

Code:

[url]http://www.tonsite.com[/url]

(ne pas oublier http://)

ce qui donnera http://www.tonsite.com soit aucune information, juste le lien brut

9.2) Liens compliqués ( mais plus complets)

Biens plus complets c'est ceux que l'ont aura le plus souvent



Code:

[url=http://fbcorporation.forumactif.com]Forum F.B.Corp.[/url]


et on aura Forum F.B.Corp.

attention, dans ce cas, la premiere balise est plus longue

10) l'e-mail

Il sert a afficher les adresses mail, ce qui permet de gagner beaucoup de temps et de les différencier des @+

Code:

[email]nom@mail.fr[/email]

et on aura nom@mail.fr

11 ) L'image

Afficher les image n'est pas très difficile

Ils uffit d'entourer l'URL de l'image comme ceci

Code:

[img]URL de l'image[/img]

on aura

Très pratique, on pourra se servir, d'unne image comme d'un lien il suffira de faire:

Code:

[url=www.tonsite.com][img]URL de l'image[/img][/url]

et le tour est joué, une simple combinaison de balises et on aura:

et voila le travail!!!

Attention: Pour que ça marche il faut que l'image soit sur internet, pour ce faire il faut l'héberger sur ce site: http://imageshack.us

12) Texte défilant

La encore, question de balises il suffira d'entourer le texte que l'on veut animer comme ceic

Code:

[scroll]Mon texte a faire défiler[/scroll]

Et on aura:Mon texte a faire défiler

De meme avec une image: on combine la balise

Code:

[scroll][img]URL de l'image[/img][/scroll]

Ce qui donne

Et encore mieux, le texte défillant qui monte!!!!!
Il suffit de mettre vos textes entre les balises

Code:

[updown] et [/updown]

Et l'effet générique de fin est garanti!!!
Bien sur cela marche aussi avec les images et les liens images!


Voila c'est a peu près tout, si il ya des choses a rajouter, merci de me le dire par MP, pour vos commentaire, c'est en dessous :wink:

et n'oublier pas de refermer vos balises
(je précise que j'en ai bien chié pour faire cela ^^)

Merci je pense que cela va me servir

Merci pour c'est quelques astuces

C'est très utile pour certains, merci short. ;)

exactement Satachi ^^

Arf, j'ai oublié d'épingler !

D'épeinglé quoi?

Ben le topic.

a ok dsl

J'arrive pas à trouver la couleur de la sign de Satachi et Ikki !
Qui pourrait m'aider ?

C'est facile.
Après le = de [color=#000000] tu mets le nom d'une de ces couleurs :

Aliceblue/Antiquewhite/Aqua/Aquamarine/Azure
Beige/Bisque/Black/Blue/Blueviolet/Brown/Burlywood
Cadetblue/Chartreuse/ChocolateCoral/Cornsilk/Crimson/Cyan
Darkblue/Darkcyan/Darkgray/Darkgreen/Darkgrey/Darkkhaki/Darkmagenta/Darkorange/Darkorchid/Darkred/Darksalmon/Darkseagreen/Deeppink/Deepskyblue/Dimgray/Dimgrey/Dodgerblue
Firebrick/Floralwhite/Forestgreen/Fuchsia
GainsboroGhostwhite/Gold/Goldenrod/Gray/Green/Greenyellow/Grey
Honeydew/Hotpink
Indianred/Indigo/Ivory
Khaki
Lavender/Lawngreen/Lemonchiffon/Lightblue/Lightcoral/Lightcyan/Lightgray/Lightgreen/Lightgrey/Lightpink/Lightsalmon/Lightskyblue/Lightyellow/Lime/Limegreen/Linen

Superbes les couleurs
Surtout Deeppink et Dodgerblue lol ^^

Darksalmon va très bien avec ma signature et mon avatar ca roxxe !

Merci Sata

Naruto a écrit:

Darksalmon va très bien avec ma signature et mon avatar ca roxxe !

Plus maintenant :]

Ouai mais même avec celle qu'il la sa va bien je trouve.

Pas ta couleur en tout cas

Lol mais si mais si c'est très bien.

Minuit a écrit:

Pas ta couleur en tout cas

Oh tu veux jouer ca ? On va bien s'amuser alors ...