Utilisation du BB-Code

Et oui, il faut bien passer par là!
Avatar du membre
Khaotil
Administrateur du site
Messages : 1067
Enregistré le : jeu. 27 oct. 2016 22:09
Episode actuel : Volume 5, Chapitre 9: A Perfect Storm
Contact :

Utilisation du BB-Code

Messagepar Khaotil » dim. 11 déc. 2016 11:52

Tuto : Utiliser les fonctions du forum

Bonjour à tous, ce petit tutoriel a pour vocation de vous montrer et vous apprendre à utiliser les différentes fonctions de mise en page disponibles lorsque vous postez ou créez un nouveau sujet.

Vous pouvez rapidement retrouver une fonction en utilisant la recherche de votre navigateur (ctrl + F).



  • Ceci est écrit en gras.

    Gras Image

    Code : Tout sélectionner

    [b]Ceci est écrit en gras.[/b]



  • Ceci est écrit en italique.

    Italique = Image

    Code : Tout sélectionner

    [i]Ceci est écrit en italique.[/i]



  • Ceci est souligné.

    Souligné = Image

    Code : Tout sélectionner

    [u]Ceci est souligné.[/u]



  • Ceci est barré.

    Barré = Image

    Code : Tout sélectionner

    [s]Ceci est barré.[/s]



  • Texte couleur = Image

    Ceci est en couleur

    Code : Tout sélectionner

    [color=#FF0000]Ceci est en couleur[/color]

    (il est possible de modifier la couleur choisie grâce au nuancier qui s'affiche en cliquant sur l'icône ci-dessus)


  • Modification de taille:

    Ceci est un grand texte

    Code : Tout sélectionner

    [size=150]Ceci est un grand texte[/size]

    (vous pouvez modifier la taille en changeant le chiffre, qui correspond au pourcentage: 50 rendra donc le texte plus petit que normalement)


  • Surligné = Image

    Ceci est surligné

    Code : Tout sélectionner

    [highlight=yellow]Ceci est surligné[/highlight]

    (la couleur du surlignage peut être modifiée de la même manière que la couleur d'un texte)


  • Exposant = Image

    RWBYCeci est en exposant

    Code : Tout sélectionner

    RWBY[sup]Ceci est en exposant[/sup]



  • Indice = Image

    RWBYCeci est en indice

    Code : Tout sélectionner

    RWBY[sub]Ceci est en indice[/sub]



  • Flou = Image

    Ceci est flou

    Code : Tout sélectionner

    [blur=blue]Ceci est flou[/blur]

    (la couleur du flou peut être modifiée de la même manière que la couleur d'un texte)


  • Texte défilant = Image

    Ceci défile Image

    Code : Tout sélectionner

    [marq=left]Ceci défile[/marq]


    Sens du texte = Image
    (vous pouvez faire défiler le texte dans l'autre sens en remplaçant "left" par "right")


  • Ceci est à l'envers

    Code : Tout sélectionner

    [dir=rtl]Ceci est à l'envers[/dir]



  • Texte lumineux = Image

    Ceci est lumineux

    Code : Tout sélectionner

    [glow=red]Ceci est lumineux[/glow]

    (la couleur de la lumière peut être modifiée de la même manière que la couleur d'un texte)


  • Ombre sur texte = Image

    Ceci a une ombre

    Code : Tout sélectionner

    [shadow=blue]Ceci a une ombre[/shadow]

    (la couleur de l'ombre peut être modifiée de la même manière que la couleur d'un texte)


  • Ombre portée = Image

    Ceci a une ombre portée

    Code : Tout sélectionner

    [dropshadow=blue]Ceci a une ombre portée[/dropshadow]

    (la couleur de l'ombre portée peut être modifiée de la même manière que la couleur d'un texte)


  • Masquer aux invités = Image

    Contenu caché
    Vous devez être inscrit et connecté sur ce forum pour voir le contenu caché.


    Code : Tout sélectionner

    [hidden]Ceci est invisible aux invités du forum[/hidden]



  • Hors sujet = Image

    Hors-sujet
    Ceci est hors sujet


    Code : Tout sélectionner

    [offtopic]Ceci est hors sujet[/offtopic]



  • Message d'alerte = Image

     ! Message de : Marek
    Ceci est un message d'alerte


    Code : Tout sélectionner

    [mod=Marek]Ceci est un message d'alerte[/mod]

    (ceci avertira immédiatement un membre de l'équipe d'administration ou de modération du forum de venir vérifier ce qui se passe sur un sujet spécifique - à utiliser avec parcimonie!)


  • Musique SoundCloud = Image



    Code : Tout sélectionner

    [soundcloud]https://soundcloud.com/moonlighteas2/red-like-roses-rwby-red[/soundcloud]



  • Vidéo internet = Image

    http://www.dailymotion.com/video/xynm8m_rwby-trailer-white-vostfr_shortfilms

    Code : Tout sélectionner

    [BBvideo=560,315]http://www.dailymotion.com/video/xynm8m_rwby-trailer-white-vostfr_shortfilms[/BBvideo]



  • Liste = Image

    Élément de liste = Image

    • Ruby
    • Weiss
    • Blake
    • Yang

    Code : Tout sélectionner

    [list][*]Ruby [*]Weiss [*]Blake [*]Yang[/list]



  • Liste numérotée = Image

    1. Ruby
    2. Weiss
    3. Blake
    4. Yang

    Code : Tout sélectionner

    [list=1][*]Ruby[*]Weiss[*]Blake[*]Yang[/list]



  • Ceci est aligné à gauche.

    Aligné à gauche = Image

    Code : Tout sélectionner

    [align=left]Ceci est aligné à gauche.[/align]



  • Ceci est aligné au centre

    Code : Tout sélectionner

    [align=center]Ceci est aligné au centre[/align]

    (très utile pour centrer une image dans votre signature!)


  • Ceci est aligné à droite.

    Code : Tout sélectionner

    [align=right]Ceci est aligné à droite.[/align]



  • Texte flottant = Image

    Ceci est un texte flottant


    Code : Tout sélectionner

    [float=left]Ceci est un texte flottant[/float]



  • Texte préformaté = Image

    Ceci est préformaté


    Code : Tout sélectionner

    [pre]Ceci est préformaté[/pre]



  • Le spoiler :

    Pour faire un spoiler, cliquez sur Image

    ► Afficher le Spoiler


    Code : Tout sélectionner

    [spoil]Ceci est un spoiler [/spoil]


    Pour en connaître plus sur le spoiler, et savoir dans quelles circonstances il convient de l'utiliser, veuillez vous reporter au sujet qui lui est spécialement dédié, concernant le SPOIL.



  • Le Code :

    Ce bloc de texte permet spécifiquement d'afficher des balises BB-Code sans les activer.

    Pour faire un code HTML cliquez sur Image.

    En code HTML la précédente phrase apparaitra

    Code : Tout sélectionner

    Pour faire un code HTML cliquez sur [img]http://www.rwby-center.fr/forum/ext/vse/abbc3/images/icons/code.gif[/img].



  • L'image :

    Vous pouvez afficher des images sur le forum et notamment dans votre signature; pour cela, cliquez sur Image puis insèrez l'url de l'image entre les ][.

    Si l'image est sur internet, vous pouvez récupérer son url en faisant clic droit => Copier l'adresse de l'image.

    Si l'image est sur votre ordinateur, vous allez devoir passer par un hébergeur d'image tel que Casimage.

    Pour finir voici un exemple d'image postée :

    Image

    Code : Tout sélectionner

    [img]http://s3.amazonaws.com/cdn.roosterteeth.com/uploads/images/bf74ba7b-4ea4-4973-bfa1-4137d1db7f64/original/ep6052.jpg[/img]


    Notez que les images trop grandes (comme celle ci-dessus) sont automatiquement redimensionnées sur le forum - un simple clic dessus permet de les voir en taille supérieur - et qu'il est également possible de mettre les images sous spoiler.


  • La citation :

    Comme son nom l'indique elle permet d'indiquer que vous citez tout ou partie d'un message précédemment posté sur le sujet.

    Ceci est une citation.


    Pour faire une citation cliquez sur Image et colle/écrit le texte cité entre les ][.

    Code : Tout sélectionner

    [quote]Ceci est une citation.[/quote]


    Il est également possible de citer directement le message de quelqu'un en cliquant sur l'icône représentant des guillemets en haut à droite de son message.


  • Le lien :

    Le lien est un texte qui permet, en cliquant dessus, d'accéder à une page internet.

    Ceci est un lien

    Code : Tout sélectionner

    [url=http://rwby-vostfr.net/]Ceci est un lien[/url]


    Pour faire un lien cliquez sur Image et collez l'adresse de la page vers laquelle le lien doit mener. L'adresse se trouve en haut de la fenêtre de ton navigateur, ici l'adresse est "http://rwby-center.fr/forum".

    Vous pouvez également choisir un texte sur lequel appliquer le lien en l'écrivant dans "Description facultative"



Merci à Marek pour l'aide apportée à la création de ce tutoriel!

Retourner vers « Règlements »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité