[TUTO] ~ Les balises bbcode ~


Didacticiels - Modes d'emplois - Apprentissage
Comment installer des smilies, avatars, rangs, créer et déplacer des catégories, gérer les profils, insérer des scripts …

Modérateurs: support, audax, scoreboard

[TUTO] ~ Les balises bbcode ~

Messagepar Arckangel » Mer 10 Nov 2004 00:37

LES BALISES BBCODE, COMMENT CA MARCHE ?
Un petit cadeau à mes chers collegues Admins VosForums.com.
    Je vous propose un Tuto sur l'utilisation des balises BBcode,
    un langage utilisé entre autres, sur les forums VosForums.com
    Ce code ressemble enormement au html sauf que toutes les balises
    sont entre [crochets] et non entre <>.

    Les Balises BBcode sont utilisées pour modifier l'apparence
    de votre texte lorsque vous validerez votre message.
    Vous pourrez ainsi, très simplement, souligner, mettre en gras,
    en italique, grossir le texte, en changer sa couleur, et bien
    d'autres options détaillées ci-dessous. ;)

Voici la liste des balises. Pour les utiliser, il vous suffit soit :

  • De griser votre texte avec le curseur de la souris et ensuite de cliquer
    sur un des boutons situés en dessous de la barre de sujet de votre
    message en cours :arrow:
      Image

  • Soit, de taper les balises manuellement.

  • Les Balises de caractères.

    Code: Tout sélectionner
    [b]Texte en gras[/b]

    :arrow: Donne ceci : Texte en gras

    Code: Tout sélectionner
    [i]Texte en italique[/i]

    :arrow: Donne ceci : Texte en italique

    Code: Tout sélectionner
    [u]Texte souligné[/u]

    :arrow: Donne ceci : Texte souligné


  • La Balise color.

    Code: Tout sélectionner
    [color=nom de la couleur en anglais]texte[/color]

    :arrow: Donne ceci : texte ou
    :arrow: Donne ceci : texte ou
    :arrow: Donne ceci : texte ou
    :arrow: Donne ceci : texte ect...



  • La balise size.
    Elle permet de changer la taille d'un texte , d'une phrase ou d'un mot :

    Code: Tout sélectionner
    [SIZE=Chiffre designant la taille]texte[/SIZE]

    :arrow: Taille 24 Donne ceci : texte
    :arrow: Taille 18 Donne ceci : texte
    :arrow: Taille 9 Donne ceci : texte
    :arrow: Taille 6 Donne ceci : texte
    etc....



  • La balise quote : Cette balise permet d'inserer une citation.

    Code: Tout sélectionner
    [quote]citation de X[/quote]

    :arrow: Donne ceci :
    citation de X


    La balise quote avancé : Permet de citer
    quelqu'un en le nommant.

    Code: Tout sélectionner
    [quote="Akira le Boulenclume"]Je suis un boulet[/quote]
    Je precise que les guillemets sont très importants.
    :arrow: Donne ceci
    Akira le Boulenclume a écrit:Je suis un boulet





  • La balise URL.
    Elle permet de mettre un lien vers un site web.

    Code: Tout sélectionner
    [url]www.vosforums.com[/url]

    :arrow: Donne ceci : http://www.vosforums.com
  • La balise URL Avancée.
    Elle permet de mettre un lien mais en plus de mettre un mot
    ou une phrase au choix, comme "bouton" pour ce lien:

    Code: Tout sélectionner
    [url=www.vosforums.com]Ce que vous voulez[/url]

    :arrow: Donne ceci : ---> Direction VosForums.com




  • La Balise IMG.
    Elle permet d'inclure des images en précisant dans les balises, l'url
    de l'image.

    Code: Tout sélectionner
    [img]Url de l'image[/img]

    Pour trouver l'URL d'une image située sur une page web, dans un site
    ou sur un forum, faites un clic droit sur cette image, allez dans l'onglet
    du bas appelé "propriétés", puis grisez avec la souris, l'adresse URL,
    ensuite, faite ctrl/C pour copier l'url, puis ctrl/V sur le forum pour
    copier l'url entre les balise en positionnant le curseur après [img].


    Comme ici : Image

    Pour une image avec un lien hypertexte , ce sera comme ça :
    Code: Tout sélectionner
    [url][img]Url de l'image[/img][/url]


    Pour faire d'une image un lien vers une autre adresse, comme ça :
    Code: Tout sélectionner
    [url=mettez l'url du site][img]mettez l'url de l'image[/img][/url]

    :arrow: Donne ceci : Image <--- Clic :D




  • La Balise d'Email.
    Pour convertir une adresse email en lien "cliquable".

    Code: Tout sélectionner
    [email]Arckangel@wow-confrerie.com[/email]

    :arrow: Donne ceci : Arckangel@wow-confrerie.com





  • Les Balises de LIST.
    Permet d'ordonner son texte, de le lister, numéroté ou pas.

    Une liste non ordonné avec la balise list :
Code: Tout sélectionner
[list]
[*]texte blabla
[*]texte pouepouet
[*]texte tsoing tsoing zgh !!
[/list]

:arrow: Donne ceci :
  • texte blabla
  • texte pouepouet
  • texte tsoing tsoing zgh !!
    Une liste ordonnée :
Code: Tout sélectionner
[list=1]
[*]texte blabla
[*]texte pouepouet
[*]texte tsoing tsoing zgh !!
[/list]

:arrow: Donne ceci :
  1. texte blabla
  2. texte pouepouet
  3. texte tsoing tsoing zgh !!

Vous pouvez egalement faire des LIST de texte déja Listé.
Ex:
Code: Tout sélectionner
[list][list]
[*]texte blabla
[*]texte pouepouet
[*]texte tsoing tsoing zgh !!
[/list][/list]

:arrow: Donne ceci :
    • texte blabla
    • texte pouepouet
    • texte tsoing tsoing zgh !!
  • Dans ce dernier cas, votre texte est encore plus décalé vers la droite,
    et les "points" ont changé de forme.
  • Vous remarquerez qu'avec l'utilisation de la balise LIST, votre texte
    ou images, sont décalés du bord gauche de la page, ceci vous permet
    donc des figures de style des plus apréciables.
    ;)


Pour finir, sachez que vous pouvez accumuler des balises differentes
sur une même phrase, pas de probléme.

Si vous avez tout compris, vous voila devenu un pro des balises BBcode :D ;)


---> Arckangel.
Arckangel
VIP
VIP
 
Messages: 15
Inscription: Dim 07 Nov 2004 19:25
Localisation: Ici..........et là-bas.......

Messagepar support » Mer 10 Nov 2004 01:02

C'est excellent, merci Arckangel :D
Avatar de l’utilisateur
support
Staff
Staff
 
Messages: 783
Inscription: Mer 03 Nov 2004 20:07

Messagepar Arckangel » Mer 10 Nov 2004 23:22

De rien ;)

J'ai vu qu'un autre membre avait rédigé un autre TUTO, ce serait bien
si un modo les mettait en post-it, qu'ils ne se perdent pas dans les
méandres du forum support...... :)
Arckangel
VIP
VIP
 
Messages: 15
Inscription: Dim 07 Nov 2004 19:25
Localisation: Ici..........et là-bas.......

Messagepar Alanthal » Jeu 11 Nov 2004 15:22

Merci Arckangel, super ton tuto!!!
Hé, les admins, faudrait absolument garder ce genre d'aides quelque part, c'est super pratique
:lol:
Alanthal
Membre sénior
Membre sénior
 
Messages: 12
Inscription: Mar 09 Nov 2004 23:15

à Arckangel

Messagepar audax » Ven 12 Nov 2004 21:55

bjr. Arckangel, je voudrais te demander si je peut mettre ton tuto sur mon forum?
j-paul
audax
 

Messagepar Arckangel » Ven 12 Nov 2004 22:07

Si tu veux ;)

Tu fais "citer", puis tu ctrlC/ctrlV sur ton forum.
Arckangel
VIP
VIP
 
Messages: 15
Inscription: Dim 07 Nov 2004 19:25
Localisation: Ici..........et là-bas.......

Messagepar Nicolas » Ven 14 Jan 2005 13:19

Salut Arckangel,

j' ai fait une citation de ton tuto sur mon forum mais j' ai réalisé que j' avais même pas eu la politesse de te demander l' autorisation.
je te le demande donc, puis-je laisser ton tuto sur mon forum :?:

et excuse moi encore :oops:
Image
Nicolas
Membre Confirmé
Membre Confirmé
 
Messages: 64
Inscription: Mer 12 Jan 2005 01:04

Messagepar Edge_PSG » Ven 14 Jan 2005 14:03

Salut!,moi aussi j'aimerais bien mettre sur mes forums ton tuto :roll:
Pour tout les passioners de la Japanimation ==> http://hitomi.vosforums.com
Et venez discutez de tout et de rien sur >>> http://jak.vosforums.com
Edge_PSG
Méta Membre
Méta Membre
 
Messages: 279
Inscription: Lun 20 Déc 2004 17:06
Localisation: -_-"


Revenir vers TUTORIELS

Qui est en ligne ?

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

cron