AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Autopassion.net le site ddi  l'automobile cr par ses utilisateurs
Partagez | 
 

 Le BBcode pour embellire vos messages.

Aller en bas 
AuteurMessage
Fondateur
Admin
avatar

Messages : 24
Date d'inscription : 09/10/2010
Age : 25

MessageSujet: Le BBcode pour embellire vos messages.   Ven 15 Oct - 11:29

introduction
Tout le monde connait un peu le BBcode, c'est les petites balises à crochet utilisées sur le forum qui permettent de mettre en gras, italique, souligné, etc. On a qu'à cliquer sur les petits carrés en-haut et hop nous avons notre mise en forme, mais il y a plus de possibilité que cela et je vais vous le prouver (= Donc, petit sujet informatif en deux parties; la première, la base et la seconde, mes petits plus à moi (=


la base
Le texte en gras
Code:
[b]Le texte en gras[/b]
Le texte en italique
Code:
[i]Le texte en italique[/i]
Le texte souligné
Code:
[u]Le texte souligné[/u]
Le texte barré
Code:
[strike]Le texte barré[/strike]
1Le texte en indice
Code:
1[sub]Le texte en indice[/sub]
1Le texte en exposant
Code:
1[sup]Le texte en exposant[/sup]
Choisir la taille choisir la taille
Code:
[size=29]Choisir la taille[/size] [size=1]choisir la taille[/size]
~» Le chiffre représente la hauteur en pixel, le minimum c'est 1 [à 0, rien n'apparait, logique...] et le maximum c'est 29 [n'essayez même pas, on voit les balises à partir de 30, enfin vous pouvez essayer si ça vous tente ^^]
Choisir la couleur
Code:
[color=red]Choisir la couleur[/color] [color=#FF0000]Choisir la couleur[/color]
~» Noter qu'on peut utiliser les deux notations (= Il existe une quarantaine de codes avec les noms anglais, ils sont postés à la fin (=
___________________________________________________________________________________
Citation :
Citer sans mettre de nom, ce n'est qu'écrit citation (=
Code:
[quote]Citer sans mettre de nom, ce n'est qu'écrit citation (=[/quote]
Yuchi' a écrit:
Si j'ai envie de me citer... ou toute autre personne
Code:
[quote="Yuchi'"]Si j'ai envie de me citer... ou toute autre personne[/quote]
~» Ne pas oublier de mettre les guillemets, sinon ça ne marche pas (=
Spoiler:
 
Code:
[spoiler]Mettre un spoiler[/spoiler]
Code:
[hide]Apparait que si vous postez dans le sujet ou que vous faites partie du staff CX[/hide]
Code:
[code]Insérez un code, vous voyez comme ici, il permet que le BBcode soit affiché[/code]
___________________________________________________________________________________
  • Liste
  • Non
  • Ordonné
Code:
[list][*]Liste[*]Non[*]Ordonné[/list]
~» Pour tous les types de listes, il n'est pas nécessaire de mettre des espaces entre chaque élément; la puce [*] fera le saut de ligne automatiquement (=
  1. Liste
  2. Numéroté
Code:
[list=1][*]Liste[*]Numéroté[/list]
  1. Liste
  2. Avec
  3. Des
  4. Lettres
Code:
[list=a][*]Liste[*]Avec[*]Des[*]Lettres[/list]
___________________________________________________________________________________
Code:
[img]http://illiweb.com/fa/pbucket.gif[/img]
~» Commentaire sur toutes les images que vous voulez mettre sur un forum; HÉBERGEZ-LES! Pourquoi? Premièrement, si vous prenez le lien sur un autre site, s'il ferme ou change le dossier source, vous perdrez votre image; ensuite, car ça ralentit le site dont vous prenez l'image et plus de gens prennent l'image, plus ça ralentit. Il existe de nombreux hébergeurs, utilisez-les; Photobucket, Servimg, Mapul, etc.
http://s-ns.forumactif.com/
Code:
[url]http://s-ns.forumactif.com/[/url]
Shinobi no Shouhai!
Code:
[url=http://s-ns.forumactif.com/]Shinobi no Shouhai![/url]
Code:
[url=http://s-ns.forumactif.com/][img]http://illiweb.com/fa/pbucket.gif[/img][/url]
unknow@unknow.com
Code:
[email]unknow@unknow.com[/email]
___________________________________________________________________________________
Centrer un texte
Code:
[center]Centrer un texte[/center]
Mettre un texte à droite
Code:
[right]Mettre un texte à droite[/right]
Mettre un texte «justifié»
Code:
[justify]Mettre un texte «justifié»[/justify]
Défilement horizontal
Code:
[scroll]Défilement horizontal[/scroll]
Défilement vertical
Code:
[updown]Défilement vertical[/updown]
___________________________________________________________________________________
Nombre aléatoire (0,100) :
79
Code:
[rand]0,100[/rand]
Miroir 
Code:
[flipv]Miroir[/flipv]
~» Fonctionne que sous firefox
Dégradé
Code:
[fade]Dégradé[/fade]
~» Fonctionne que sous firefox
Flou, sale
Code:
[blur]flou, sale[/blur]
~» Fonctionne que sous firefox


les plus (=
Woohh, il a déjà eu pleins de codes, vous croyez qu'il n'y a plus rien à apprendre et bien non, le BBcode nous réserve d'autres surprises et oui. C'est certain qu'on peut combiner des balises de gras et de souligné et là, oh magie, on se retrouve avec un texte en gras et souligné, mais ce n'est pas de ça qu'il est question ici ^^

Un exemple de ce qu'on peut faire, vous remarquerez que le soulignement n'est pas de la même couleur que le texte.
~» Comment on fait? On va mettre deux balises de couleurs et c'est l'ordre des balises qui va créer la magie (= D'où la raison qu'il est très important de respecter l'ordre d'ouverture et de fermeture des balises ^^
Code:
[color=#604a3c][u][color=#000000]Un exemple de ce qu'on peut faire, vous remarquerez que le soulignement n'est pas de la même couleur que le texte.[/color][/u][/color]

Une première lettre de couleurs, souligné et en gras avec le reste du texte en noir?
~» Chouette, n'est-ce pas? (8 C'est exactement le même principe, sauf que cette fois-ci on ajoute du gras et la couleur noir partira une lettre plus loin.
Code:
[color=#604a3c][u][b]U[/b][color=#000000]ne première lettre de couleurs, souligné et en gras avec le reste du texte en noir?[/color][/u][/color]

~» Si vous conservez cette même logique, vous devrez être capable de créer vos propres effets o= Mais avant de terminer, je vous explique comme faire un tableau; C'est exactement les même codes qu'en HTML héhé [au crochet près CX] Donc, un tableau simple à deux rangées et deux colonnes
Texte 1Texte 2
Texte3Texte4
Code:
[table][tr][td]Texte 1[/td][td]Texte 2[/td][/tr][tr][td]Texte3[/td][td]Texte4[/td][/tr][/table]
~» Je vous laisserai tout de même pas sans explication, alors les voici ^^
[Table] C'est tout simplement pour créer la base de ton tableau, c'est le contour dans lequel il y aura les cellules.
[tr] C'est pour créer la rangée dans laquelle se retrouvera les cellules.
[td] C'est les cellules qui diviseront la rangée.
Donc, si on veut trois colonnes dans deux rangées, le code sera
[table][tr][td]1[/td][td]1[/td][td]1[/td][/tr][tr][td]2[/td][td]2[/td][td]2[/td][/tr][/table]
~» Ce qui donnera...
111
222

~» Pour terminer ce petit cours, je vous donne une liste de code de couleurs en anglais qui fonctionnent sur forumactif. Bon codage CX


les couleurs ^^
Rouge Foncé
Code:
[color=darkred]Votre texte[/color]

Rouge
Code:
[color=red]Votre texte[/color]

Rose
Code:
 [color=Pink]Votre texte[/color]

Sienna
Code:
[color=Sienna]Votre texte[/color]

Orange foncé
Code:
[color=DarkOrange]Votre texte[/color]

Orange
Code:
[color=orange]Votre texte[/color]

Sable
Code:
[color=SandyBrown]Votre texte[/color]

Marron
Code:
[color=brown]Votre texte[/color]

Jaune
Code:
[color=yellow]Votre texte[/color]

Beige
Code:
[color=Wheat]Votre texte[/color]

Citron
Code:
[color=LemonChiffon]Votre texte[/color]

Jaune-vert
Code:
 [color=YellowGreen]Votre texte[/color]

Vert pâle
Code:
[color=PaleGreen]Votre texte[/color]

Vert foncé
Code:
[color=darkGreen]Votre texte[/color]

lime
Code:
[color=Lime]Votre texte[/color]

Vert
Code:
[color=green]Votre texte[/color]

Olive foncé
Code:
[color=DarkOliveGreen]Votre texte[/color]

Olive
Code:
[color=olive]Votre texte[/color]

Vert océan
Code:
[color=SeaGreen]Votre texte[/color]

Turquoise Moyen
Code:
 [color=MediumTurquoise]Votre texte[/color]

Magenta
Code:
[color=mangenta]Votre texte[/color]

Plum
Code:
[color=Plum]Votre texte[/color]

Bleu ciel
Code:
[color=DeepSkyBlue]Votre texte[/color]

Orchidée foncée
Code:
[color=DarkOrchid]Votre texte[/color]

Bleu royal
Code:
 [color=RoyalBlue]Votre texte[/color]

Pourpre
Code:
 [color=Purple]Votre texte[/color]

Bleu-gris foncé
Code:
 [color=DarkSlateBlue]Votre texte[/color]

Turquoise pâle
Code:
[color=PaleTurquoise]Votre texte[/color]

Bleu pâle
Code:
[color=lightblue]Votre texte[/color]

Cyan
Code:
 [color=cyan]Votre texte[/color]

Bleu
Code:
[color=blue]Votre texte[/color]

Teal
Code:
[color=Teal]Votre texte[/color]

Bleu foncé
Code:
[color=darkblue]Votre texte[/color]

Bleu marin
Code:
[color=Navy]Votre texte[/color]

Indigo
Code:
[color=indigo]Votre texte[/color]

Violet
Code:
[color=violet]Votre texte[/color]

Blanc
Code:
[color=white]Votre texte[/color]

Argent
Code:
[color=Silver]Votre texte[/color]

Gris
Code:
[color=DimGray]Votre texte[/color]

Gris
Code:
[color=Gray]Votre texte[/color]

Gris-pourpre
Code:
 [color=SlateGray]Votre texte[/color]

Gris-pourpre foncé
Code:
[color=DarkSlateGray]Votre texte[/color]

Noir
Code:
[color=black]Votre texte[/color]


Dernière édition par - Yuchi Udo le Ven 15 Oct - 11:39, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://s-ns.forumactif.com
 
Le BBcode pour embellire vos messages.
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Une gentille personne pour me faire un bel avatar
» Vos idées de blagues pour le 1er avril.
» Une promesse non tenue...
» Déception
» Messages de soutien

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
勝 Shinobi no Shouhai 敗 Version II :: Hors RP :: Hors RP :: Les aides en tous genres.-
Sauter vers: