Le Grand Escalier

Le Grand Escalier >> Hall d'Entrée >> Tutoriels

Pages : 1 2 3 ->

[Verrouillé] Les BBcodes
[Tutoriel]
Miry
Adulte
[Avatar]
Poudlard
Messages : 338
Titre : Les BBcodes
Créé : 21/04/2018 à 22:37:33 - Modifié : 08/04/2021 à 23:05:48

Les BBcodes servent à mettre en forme votre texte que ce soit sur un topic, un devoir, un message postal, etc. Ils permettent donc de rendre votre texte esthétiquement plus joli ou de répondre à certaines exigences (pour les jeux de rôles dans le Monde Magique par exemple). Vous pouvez trouver au-dessus de vos messages ou de vos réponses une barre de BBcodes :



Celle-ci vous permettra de trouver les BBcodes qui vous offriront entière satisfaction. Pour mettre un BBcode sur votre texte, rien de plus simple, vous écrivez votre texte. Puis, vous surlignez à l'aide de votre souris puis vous cliquez sur le BBcode correspondant. Il est possible de cumuler plusieurs BBcodes.



Clique sur les liens pour t'y rendre.




Bannière de Papo Kast. Tutoriel proposé par les PeC. Rédigé par Charlie Workey, réécrit par Alysone Petrova. Merci à toutes les personnes ayant apporté leur aide.

Miry
Adulte
[Avatar]
Poudlard
Messages : 338
Titre : Re : Les BBcodes
Créé : 21/04/2018 à 22:37:50 - Modifié : 19/05/2020 à 00:15:16

Les basiques
Cette balise permet de mettre en gras un texte.

Texte mis en gras
Code :
[b]Texte mis en gras[/b]


Cette balise permet de mettre en italique un texte.

Texte mis en italique
Code :
[i]Texte mis en italique[/i]


Cette balise permet de souligner un texte.

Texte souligné
Code :
[u]Texte souligné[/u]


Cette balise permet de barrer un texte.

Texte barré
Code :
[s]Texte barré[/s]





Les images
Cette balise permet de mettre une image.

Code :
[img]http://theimageconference.org/wp-content/uploads/2014/01/images-50x50.png[/img]
Code :
[align=centre][img]http://theimageconference.org/wp-content/uploads/2014/01/images-50x50.png[/img][/align]

Astuce : Vous avez la possibilité de mettre votre image à droite ou à gauche de votre texte.

Lorsque vous écrivez ici, votre image se trouve à gauche de votre texte.

Code :
[img=gauche]http://theimageconference.org/wp-content/uploads/2014/01/images-50x50.png[/img] Lorsque vous écrivez ici, votre image se trouve à gauche de votre texte.

ou

Code :
[img=droite]http://theimageconference.org/wp-content/uploads/2014/01/images-50x50.png[/img] Lorsque vous écrivez ici, votre image se trouve à droite de votre texte.

Attention : La largeur maximum sans alignement
est de 400 pixels dans les topics du Grand Escalier.





Les liens
Cette balise permet de mettre un lien vers une nouvelle page internet.

www.poudlard12.com
Code :
[url]www.poudlard12.com[/url]
Texte
Code :
[url=www.poudlard12.com]Texte[/url]





Les couleurs
Cette balise permet de mettre des couleurs au texte.

Texte en couleur
Code :
[color=#872b87]Texte en couleur[/color]

Astuce : Vous avez trois possibilités pour choisir la couleur :
• Déplacer votre souris dans le curseur et choisir vous-même une couleur.
• Mettre le nom de la couleur en anglais.
• Mettre le code hexadécimal (vous pouvez choisir la couleur en bougeant le curseur dans le menu couleur de votre BBcode ou choisir une couleur grâce à ce site).





Les listes
Cette balise permet de créer des listes.
    • Élément 1
    • Élément 2
    Code :
    [list][*] Élément 1[/*]
    [*] Élément 2[/*][/list]

Il est tout à fait possible d'imbriquer plusieurs listes les unes sur les autres :
  • Blbl
    • Blblbl
      • Blblblbl
Code :
[list][*] Blbl[/*]
[list][*] Blblbl[/*]
[list][*] Blblblbl[/*][/list][/list][/list]

Astuce : Tu peux aussi décaler ton texte sur la droite.
    Texte décalé sur la droite.
Code :
[list]Texte décalé sur la droite.[/list]





L'alignement
Cette balise permet de justifier ton texte.

Ton texte s'alignera à droite et à gauche pour plus de confort et d’esthétisme.
Code :
[align=justifie]Ton texte s'alignera à droite et à gauche pour plus d’esthétisme.[/align]

Astuce : Plus vous mettrez de balise justifié, plus une marge à droite et à gauche de votre texte se fera. Par contre, cela ne fonctionne que sur les messages du Grand Escalier.

Texte avec des marges à droite et à gauche.
Code :
[align=justifie][align=justifie][align=justifie][align=justifie]Texte avec des marges à droite et à gauche.[/align][/align][/align][/align]

Cette balise permet d'aligner ton texte à gauche.
Ton texte s'alignera à gauche, on dit qu'il apporte plus de confort à la lecture.
Code :
[align=gauche]Ton texte s'alignera à gauche, on dit qu'il apporte plus de confort à la lecture.[/align]

Cette balise permet de centrer ton texte.
Ton texte sera centré au milieu de la page.
Code :
[align=centre]Ton texte sera centré au milieu de la page.[/align]

Cette balise permet d'aligner ton texte à droite.
Ton texte s'alignera à droite, cela peut être pratique pour la présentation.
Code :
[align=droite]Ton texte s'alignera à droite, cela peut être pratique pour la présentation.[/align]





Les titres
Cette balise permet de mettre un titre à différents niveaux.

Niveau 1

Code :
[titre=1]Niveau 1[/titre]

Niveau 2

Code :
[titre=2]Niveau 2[/titre]

Niveau 3

Code :
[titre=3]Niveau 3[/titre]





Les citations
Cette balise permet de faire une citation.

Citation : Albus Dumbledore
Il faut beaucoup de bravoure pour faire face à ses ennemis mais il n'en faut pas moins pour affronter ses amis.
Code :
[quote=Albus Dumbledore]Il faut beaucoup de bravoure pour faire face à ses ennemis mais il n'en faut pas moins pour affronter ses amis.[/quote]





Les codes
Cette balise permet de mettre en évidence les BBcodes, de cette façon, elle permet de voir les BBcodes qui ont été utilisés, comme tout ce qu'on a pu faire tout au long de ce tutoriel.





Les BBcodes pour les RPG
Cette balise permet de faire chuchoter son personnage.
Mon personnage chuchote.
Code :
[chuchote]Mon personnage chuchote.[/chuchote]

Cette balise permet de faire crier son personnage.
Mon personnage crie.
Code :
[cri]Mon personnage crie.[/cri]

Cette balise permet de faire agir son personnage.
* Mon personnage agit. *
Code :
[action]Mon personnage agit.[/action]

Cette balise permet de faire penser son personnage.
[ Mon personnage pense. ]
Code :
[pensee]Mon personnage pense.[/pensee]





Les profils
Cette balise te permettra de mettre un lien directement vers le profil de la personne choisie.
Bdragon
Code :
[profil]Bdragon[/profil]

Astuce : Il est également possible de mettre l'avatar que porte une personne.
[Avatar]
Code :
[profil=avatar]Bdragon[/profil]





Les vidéos

Cette balise rend possible le fait de montrer des vidéos
sur un message. La vidéo pourra être regardée
directement sur le site.

Code :
[video]http://www.dailymotion.com/video/
x13bm1l_presentation-de-pou
dlard12_shortfilms[/video]


Regardez Présentation de Poudlard12 sur Dailymotion





Les tableaux
Cette balise permet de créer un tableau.


Code :
[align=centre][tableau largeur=80 bordure=simple][entete couleur=white][cellule][b]Entête 1[/b][/cellule][cellule][b]Entête 2[/b][/cellule][/entete][ligne][cellule]Ligne 1 Cellule 1[/cellule][cellule]Ligne 1 Cellule 2[/cellule][/ligne][ligne][cellule]Ligne 2 Cellule 1[/cellule][cellule]Ligne 2 Cellule 2[/cellule][/ligne][/tableau][/align]

Astuce : certains éléments du tableau peuvent être modifiés :
La largeur du tableau compris entre 0 (valeur minimale) et 100 (valeur maximale). Remplacez le chiffre (80 par défaut) par celui que vous souhaitez.
La bordure peut être "simple", "epaisse", "double", "tiret" ou "pointille". Vous avez juste à effacer le "simple" par défaut pour mettre celui souhaité.
La couleur de l'entête : pour cela, il suffit juste d'ajouter à côté de "entete" "couleur=". Vous pouvez mettre directement le code couleur en anglais soit ajouter le code couleur avec #.
La couleur des cellules du tableau : en rajoutant, comme pour l'entête, "couleur=" dans la balise [tableau largeur=80 bordure=simple].
Pour que les tableaux soient lisibles sur tous les thèmes quand on leur a attribué une couleur de fond (étape précédente), il faut choisir une couleur pour le texte du tableau (color=machin, entre parenthèses). On ouvre cette balise juste après l'ouverture de la balise cellule, on la ferme juste avant la balise /cellule.

Les ancres / blocs
Les ancres permettent de renvoyer à une partie du message que vous avez fait. Les ancres permettent donc d'accéder à des parties d'un message beaucoup plus rapidement. Ce BBcode a l'air difficile, mais il suffit de tester plusieurs fois pour bien le maîtriser.
1) Choisissez la partie que vous voulez faire accéder plus rapidement. Une fois choisie, vous l'entourez de ce BBcode. N'oubliez pas de lui donner un nom !
2) Mettez le lien en utilisant le BBcode URL de la partie que vous voulez voir accéder plus rapidement. Attention : Ne pas oublier de mettre "#" suivi du nom de votre bloc.

Phrase 1
Phrase 2

J'ai envie de voir cette phrase plus rapidement.
J'ai aussi envie de voir celle-là !
Code :
[url=#Rapide]Phrase 1[/url]
[url=#Vite]Phrase 2[/url]

[bloc nom=Rapide]J'ai envie de voir cette phrase plus rapidement.[/bloc]
[bloc nom=Vite]J'ai aussi envie de voir celle-là ![/bloc]


Les spoilers
Cette balise permet de cacher un texte. Pour pouvoir lire le texte, il faut cliquer sur "Afficher" situé en haut à droite de la zone de spoiler.

[Afficher]
Spoiler : Spoiler
Texte mis en spoiler
Code :
[spoiler=Spoiler]Texte mis en spoiler[/spoiler]



Si vous avez une remarque à faire, besoin d'une information secondaire ou un complément d'informations, n'hésitez pas à poster à la suite de ce topic.

Philae Rosenberg
1re année
[Avatar]
Poufsouffle
Messages : 460
Titre : Re : Les BBcodes
Créé : 14/05/2018 à 06:52:56


J'ai enfin compris les ancres. Merci.~

Linda Flobert
Chroniqueuse Chicaneur
1re année
[Avatar]
Serdaigle
Messages : 511
Titre : Re : Les BBcodes
Créé : 19/05/2018 à 18:21:15

Est-ce qu'il y a un BBcode pour mettre le texte a l'enver ?

RPG : Off
Club : Off
Volière : On
Bdragon
7e année
[Avatar]
Poudlard
Messages : 27341
Titre : Re : Les BBcodes
Créé : 21/05/2018 à 12:05:18

Ce BBcode n'existe pas non.
Philae Rosenberg
1re année
[Avatar]
Poufsouffle
Messages : 460
Titre : Re : Les BBcodes
Créé : 21/05/2018 à 12:10:36


Par contre, des sites spéciaux oui.

¡ ǝnbılɔ

Demelza Oriel
1re année
[Avatar]
Serdaigle
Messages : 1079
Titre : Re : Les BBcodes
Créé : 02/08/2018 à 16:21:18

Est-ce qu'il pourrait y avoir une explication sur les BBCodes "Spolier" s'il-vous-plaît?

(j'ai un peu honte, j'ai comme l'impression d'être la seule à ne pas réussir à l'utiliser...)


Absente en période scolaire
Linda Flobert
Chroniqueuse Chicaneur
1re année
[Avatar]
Serdaigle
Messages : 511
Titre : Re : Les BBcodes
Créé : 02/08/2018 à 16:37:11

Je crois qu'il sert à ne pas spoiler les gens hahaha. Exemple :

[Afficher]
Spoiler : Exemple
Les studios Harry Potter sont magnifiques, ect...

Tu vois, si tu n'est pas aller aux studios, tu n'est pas obligée de lire. Tu pige ?

RPG : Off
Club : Off
Volière : On
Demelza Oriel
1re année
[Avatar]
Serdaigle
Messages : 1079
Titre : Re : Les BBcodes
Créé : 02/08/2018 à 16:39:02

Oui, je sais, mais c'est juste que lorsque je clique sur "Afficher", bah... rien. Néant total. J'ai essayé sur plusieurs types d'ordinateurs, et même sur téléphone, rien à faire, ça ne marche pas...


Absente en période scolaire
Linda Flobert
Chroniqueuse Chicaneur
1re année
[Avatar]
Serdaigle
Messages : 511
Titre : Re : Les BBcodes
Créé : 02/08/2018 à 16:49:20

Ca m'a fit aussi ca au début. Refais le plusieurs fois

RPG : Off
Club : Off
Volière : On
Addison Hastings
Cheffe des aurors
Rédactrice en Chef
Adulte
[Avatar]
Poufsouffle
Messages : 11360
Titre : Re : Les BBcodes
Créé : 02/08/2018 à 17:27:15

Alors la balise spoiler (va bientôt être ajouté à ce tutoriel ahah) sert à cacher des informations, comme ça si tu ne souhaites pas en savoir davantage ça t'évites de le lire.

Tentes de vider ton cache, ça peut venir de là.

Je préfère partager une vie de mortelle avec vous que de devoir affronter tous les âges de ce monde toute seule.

Demelza Oriel
1re année
[Avatar]
Serdaigle
Messages : 1079
Titre : Re : Les BBcodes
Créé : 02/08/2018 à 17:30:29

Merci!

Par contre, je ne suis pas sûre de savoir ce que tu entends par "vider le cache" parce que ça ne marche toujours pas...


Absente en période scolaire
Addison Hastings
Cheffe des aurors
Rédactrice en Chef
Adulte
[Avatar]
Poufsouffle
Messages : 11360
Titre : Re : Les BBcodes
Créé : 03/08/2018 à 12:25:55

Vider le cache c'est au niveau de ton historique.



Tu vois de quoi je parle ? Ou tu as besoin d’éclaircissement ? N'hésites pas surtout !

Je préfère partager une vie de mortelle avec vous que de devoir affronter tous les âges de ce monde toute seule.

Demelza Oriel
1re année
[Avatar]
Serdaigle
Messages : 1079
Titre : Re : Les BBcodes
Créé : 03/08/2018 à 12:40:49

Merci Alysone!!

[Afficher]
Spoiler
Yes, ça marche enfin!


Absente en période scolaire
Addison Hastings
Cheffe des aurors
Rédactrice en Chef
Adulte
[Avatar]
Poufsouffle
Messages : 11360
Titre : Re : Les BBcodes
Créé : 03/08/2018 à 12:42:07

Super ! (H)

Je préfère partager une vie de mortelle avec vous que de devoir affronter tous les âges de ce monde toute seule.

Carrie Ligan
Retraité
5e année
[Avatar]
Poudlard
Messages : 5522
Titre : Re : Les BBcodes
Créé : 15/08/2018 à 12:51:59

Pour les tableaux et les bordures, on peut aussi ajouter "sans", pour ne pas avoir de bordure au tableau du coup (:
Alyne Matthews
Arbitre de Duels
Architecte
Chroniqueuse Gryff'Time
5e année
[Avatar]
Gryffondor
Messages : 5997
Titre : Re : Les BBcodes
Créé : 15/08/2018 à 13:16:15 - Modifié : 09/10/2019 à 19:04:48

Oui, ou bien remplacer le "simple" par "non" pour ne pas avoir de bordure sur le tableau marche aussi uhu. 8-|


Mia Lorder Jannings
Retraitée
Joueuse de Quidditch
1re année
[Avatar]
Serdaigle
Messages : 1831
Titre : Re : Les BBcodes
Créé : 15/08/2018 à 15:32:45

et "pointille" pour avoir des pointillés !

"it's not the wings that make the angel"
Joplin Romney
Boursouflet
7e année
[Avatar]
Gryffondor
Messages : 9511
Titre : Re : Les BBcodes
Créé : 10/01/2019 à 10:42:00 - Modifié : 27/11/2019 à 22:12:11

Merci pour ce tutoriel bien utile.

Je cherchais justement comment faire "Sonorus" .

Miry
Adulte
[Avatar]
Poudlard
Messages : 338
Titre : Re : Les BBcodes
Créé : 15/01/2019 à 12:09:34

Sonorus se fait aux Trois-balais, c'est un message anonyme destiné à être visible lors de l'animation tous les dimanches par l'équipe du tchat.

Pages : 1 2 3 ->

Le Grand Escalier >> Hall d'Entrée >> Tutoriels

Retour en haut de la page



Vous avez besoin d'aide ? Rendez-vous dans la FAQ

Partenaires :
Écoles de Magie : Mana Wyrd - Harry Potter 2005 - Hogwartsnet - Habbo Magie Poudlard - L'académie Beauxbâtons - Mimble Mimbus
Monde Magique : Fédération du Quidditch Français - La Gazette du Sorcier - Wiki Harry Potter - Obscurus Presse - HP666 - La Charte du Fandom
Autres : Portail des jeux - Annuaire google

Toute reproduction en totalité ou en partie est interdite.
Les images et les noms relatifs à Harry Potter sont une propriété de la Warner Bros Corp. et J.K. Rowling.

© 2009-2019 Twelve Grimmauld Place - © 2020 Design par Alpha Landstorm, Artus Myrtle, Camille Dubois et Elea Loohest - Mentions légales

Optimisé pour Firefox 4, Google Chrome 6, Safari 5 et Opera 10.5