Fondateur Admin
Messages : 24 Date d'inscription : 09/10/2010 Age : 30
| Sujet: 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] 1 Le texte en indice - Code:
-
1[sub]Le texte en indice[/sub] 1 Le 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:
Mettre un 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] ___________________________________________________________________________________ - 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 (= - Liste
- Numéroté
- Code:
-
[list=1][*]Liste[*]Numéroté[/list] - Liste
- Avec
- Des
- Lettres
- Code:
-
[list=a][*]Liste[*]Avec[*]Des[*]Lettres[/list] ___________________________________________________________________________________ - Code:
-
[img]http://i82.photobucket.com/albums/j280/dradra13/Avatar/sign3-dra.jpg[/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. https://s-ns.forumsrpg.com/ - Code:
-
[url]http://s-ns.forumsrpg.com/[/url] Shinobi no Shouhai! - Code:
-
[url=http://s-ns.forumsrpg.com/]Shinobi no Shouhai![/url] - Code:
-
[url=http://s-ns.forumsrpg.com/][img]http://i82.photobucket.com/albums/j280/dradra13/Avatar/sign3-dra.jpg[/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] - Code:
-
[scroll]Défilement horizontal[/scroll] - 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 1 | Texte 2 | Texte3 | Texte4 | - 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... ~» 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 | |
|