Aide sur les balises BBCode

News, idées, problèmes à propos du forum
Règles du forum
Vous devez être majeur pour parcourir le forum. Lire également les règles du forum.
Avatar de l’utilisateur
Karamel
Admin
Messages : 956
Inscription : 13 juin 2009, 19:28
Pratique : Oui
Ligoté(e) :
Ce que j'adore : Les madeleines, certaines spécialités belges ou picardes…
Le bondage comme ou autour d'un jeu
Le *-metal (gothic, geek, harmonic, electro, punk…)
Découvrir des choses
Faire les choses correctement
Ce que je déteste : Le drague'n drop, les relations creuses, l'étroitesse d'esprit, la compétition pour gagner, le m'a-tu-vu…
La voiture et plus généralement la mobilité en ville (voir en France)
Les DRM, les logiciels non-libres, l'enfermement volontaire et parfois inconscient…
Les trucs qui marchent pas, trop réfléchir sans agir…
Localisation : Lille métropole
Contact :

Aide sur les balises BBCode

Message par Karamel » 18 juin 2009, 18:12

Ci dessous une aide pour utiliser au mieux les différentes balises.

Balises de formatage de texte
Le code suivant :

Code : Tout sélectionner

[b]bold[/b]
[i]italic[/i]
[u]underlined[/u]
[size=150]size 150[/size]
Donne le résultat suivant :
bold
italic
underlined
size 150
Le paramètre de size indique en pourcent la taille de la police.

Pour la couleur, le plus simple est de choisir par les boutons de rédaction, bien que le changement de couleur soit déconseillé. Imaginez que l'on change la couleur de fond du forum, le texte peut devenir complètement illisible... À moins de l'utiliser dans sa signature, il sera très fastidieux de traquer les textes illisibles et les modifier.Pour la mise en page il est donc préférable d'utiliser les balises ci-dessus.

Les listes
Pour créer une liste on utilise le code suivant :

Code : Tout sélectionner

[list]ligne 1
ligne 2[/list]
Ce qui donne :
  • ligne 1
    ligne 2
Et pour que ça soit un peu plus joli (mais plus long à écrire) :

Code : Tout sélectionner

[list][*]ligne 1[/*][*]ligne 2[/*][/list]
  • ligne 1
  • ligne 2
Pour des puces numérotées :

Code : Tout sélectionner

[list=1][*]ligne 1[/*][*]ligne 2[/*][/list]
[list=a][*]ligne 1[/*][*]ligne 2[/*][/list]
[list=A][*]ligne 1[/*][*]ligne 2[/*][/list]
[list=i][*]ligne 1[/*][*]ligne 2[/*][/list]
[list=I][*]ligne 1[/*][*]ligne 2[/*][/list][/list]
Qui donnent :
  1. ligne 1
  2. ligne 2
  1. ligne 1
  2. ligne 2
  1. ligne 1
  2. ligne 2
  1. ligne 1
  2. ligne 2
  1. ligne 1
  2. ligne 2
Il n'est pas nécessaire de fermer les balises *, tant que les lignes sont sur une ligne différente.
Et on peut même imbriquer des listes (bien que je ne pense pas qu'on en aura pas besoin souvent) :

Code : Tout sélectionner

[list=I][*]1er chapitre
[list=A][*] grand A
[*]grand B[/list]
[*]2e chapitre[/list]
  1. 1er chapitre
    1. grand A
    2. grand B
  2. 2e chapitre
Le formatage spécial
La balise code sert à afficher du code brut comme pour les exemple de code de ce message par exemple, pour que les balises BBcode ne soient pas interprétées mais affichées.

Code : Tout sélectionner

[code]Exemple d'usage de la balise [b]bold[/b]
[/code]
Donne

Code : Tout sélectionner

Exemple d'usage de la balise [b]bold[/b]
Citations
Les citations s'utilisent automatiquement avec le bouton citer, mais autant savoir s'en servir pour les dupliquer, les modifier...

Code : Tout sélectionner

[quote="Un membre du forum"]C'est celui qui le dit qui l'est[/quote]
Donne le résultat suivant :
Un membre du forum a écrit :C'est celui qui le dit qui l'est
Il ne faut pas oublier les " " autour du nom de l'auteur, sinon on obtient une citation annonyme

Liens et images
Pour les images c'est simple, il suffit d'indiquer l'url de l'image entre les balises. Par exemple

Code : Tout sélectionner

[img]http://www.chezmoi.com/monimage.jpg[/img]
Par contre si vous connaissez la taille de l'image il est préférable d'utiliser la balise image :

Code : Tout sélectionner

[image=300*150]http://www.chezmoi.com/monimage.jpg[/image]
Ce code demande l'affichage de l'image en la dimensionnant en 300x150 pixels. Ceci permet de prévoir des espaces blancs pour l'affichage de l'image avant même qu'elle commence à charger, ce qui règle le problème de la perturbation de la mise en page lors du chargement.
Elle peut également être utilisée pour faire des redimensionnements. Même si elle peut avoir le même effet qu'une miniature, l'usage à cet effet est déconseillé car la petite image est en fait l'originale, et gardera donc son poids original et son temps de chargement. (une miniature d'une photo de 1Mo aussi ridiculement petite soit elle fera toujours 1Mo, alors qu'une vraie miniature sera peut être 10 fois moins lourde)

Pour les liens, on peut soit utiliser le lien directement, soit indiquer un texte de remplacement :

Code : Tout sélectionner

[url]http://www.jeuxdeliens.fr[/url]
[url=http://www.jeuxdeliens.fr]Le forum Jeux de Liens[/url]
Ce qui donne :
http://www.jeuxdeliens.fr
Le forum Jeux de Liens

Pour faire une image cliquable (une miniature qui ouvre la grande image au clic) on utilise une combinaison de url et img (ou mieux image pour fixer la taille de l'image miniature)

Code : Tout sélectionner

[url=http://www.chezmoi.fr/magrandeimage.jpg][img]http://www.chezmoi.fr/maminiature.jpg[/img][/url]
Affiche maminiature.jpg avec un lien vers magrandeimage.jpg quand on clique dessus.

Texte caché
Pour un spoiler, la réponse à une devinette ou d'autres choses où un contenu ne doit pas être visible directement, on utilise la balise hidden.

Code : Tout sélectionner

[hidden]La curiosité est un vilain défaut ;)[/hidden]
Donne :
[hidden]Et en plus on regarde quand même :P (ce n'est pas le texte indiqué dans le code du dessus)[/hidden]
On peut mettre d'autres balises pour formater le contenu caché.

Il y a aussi une variante pour changer le texte affiché devant le bouton :

Code : Tout sélectionner

[hidden="Voir la réponse"]Sauf qu'il n'y a pas de question[/hidden]
Donne :
Voir la réponse
Comme pour quote il ne faut pas oublier les " ". Il est par contre impossible d'ajouter des balises dans ce texte personnalisé, donc pas de formatage spécial.

Et voilà, vous savez à peu près tout sur les balises du forum.
Ce guide est amené à évoluer avec le temps, d'autres balises peuvent s'ajouter au fil des besoins et modifications
Bonne rédaction !
S'attacher en toute liberté
CreativeKara, mon site perso
Alissc, asso de bondage dans le Nord
Ligopédie, l'encyclopédie du ligotage

Avatar de l’utilisateur
Mad Hatter
JdL, c'est ma vie
Messages : 1115
Inscription : 19 juil. 2013, 22:25
Pratique : Oui
Ligoté(e) :
Ce que j'adore : Le jeu d'acteur, les bandes dessinées, les nouvelles, les ballades en vélo, l'histoire
Ce que je déteste : Le manque de respect envers autrui, les bettraves, les chiens quand ils veulent jouer avec les cyclistes ;p

Re: Aide sur les balises BBCode

Message par Mad Hatter » 30 déc. 2014, 15:52

Par contre si vous connaissez la taille de l'image il est préférable d'utiliser la balise image :

Code : Tout sélectionner

[image=300*150]http://www.chezmoi.com/monimage.jpg[/img]
Image Je n y arrive pas
De l'Ordre nait le Chaos.
Ou est-ce l'inverse ?
Jervis Tetch dans L'asile d'Arkham


Image
les synonymes de fou sont intéressants

Avatar de l’utilisateur
Emma
JdL, c'est ma vie
Messages : 1817
Inscription : 28 oct. 2012, 16:52
Ligoté(e) :
Ce que j'adore : Les cordes en chanvre, et en jute, (et même en polypropylène!) être attachée et ne plus pouvoir bouger dans les liens, être à la merci de mon bondageur qui prend plaisir à jouer avec moi
j aime les bons chocolats, le tiramisu, le beaume de Venise
Rire lire et écrire
Ce que je déteste : les obsédés, les curieux mal intentionnés, les trolls, les prétentieux et les pédants
le bâillon, les épinards, le fromage qui ne sent pas bon

Re: Aide sur les balises BBCode

Message par Emma » 30 déc. 2014, 21:30

je ne comprends pas ton problème en fait :?: tu n'arrives pas à inserer des images via des fichiers joints?
:gagged: :bandeau: L'art si attachant du bondage :bandeau: :gagged:

Avatar de l’utilisateur
Mad Hatter
JdL, c'est ma vie
Messages : 1115
Inscription : 19 juil. 2013, 22:25
Pratique : Oui
Ligoté(e) :
Ce que j'adore : Le jeu d'acteur, les bandes dessinées, les nouvelles, les ballades en vélo, l'histoire
Ce que je déteste : Le manque de respect envers autrui, les bettraves, les chiens quand ils veulent jouer avec les cyclistes ;p

Re: Aide sur les balises BBCode

Message par Mad Hatter » 01 janv. 2015, 22:09

Et bien la balise où l'on indique la taille des éléments en pixels ne fonctionne pas et pourtant j'ai bien vérifié les dimensions en pixels des images.
De l'Ordre nait le Chaos.
Ou est-ce l'inverse ?
Jervis Tetch dans L'asile d'Arkham


Image
les synonymes de fou sont intéressants

Avatar de l’utilisateur
Karamel
Admin
Messages : 956
Inscription : 13 juin 2009, 19:28
Pratique : Oui
Ligoté(e) :
Ce que j'adore : Les madeleines, certaines spécialités belges ou picardes…
Le bondage comme ou autour d'un jeu
Le *-metal (gothic, geek, harmonic, electro, punk…)
Découvrir des choses
Faire les choses correctement
Ce que je déteste : Le drague'n drop, les relations creuses, l'étroitesse d'esprit, la compétition pour gagner, le m'a-tu-vu…
La voiture et plus généralement la mobilité en ville (voir en France)
Les DRM, les logiciels non-libres, l'enfermement volontaire et parfois inconscient…
Les trucs qui marchent pas, trop réfléchir sans agir…
Localisation : Lille métropole
Contact :

Re: Aide sur les balises BBCode

Message par Karamel » 04 janv. 2015, 15:31

C'est parce que j'ai écrit n'importe quoi.

Ça n'est pas [/img] qu'il faut mettre à la fin mais [/image]. Pour aller plus vite tu as aussi le bouton image= au dessus de la zone de texte quand tu écris un message

Je corrige ça au dessus.
S'attacher en toute liberté
CreativeKara, mon site perso
Alissc, asso de bondage dans le Nord
Ligopédie, l'encyclopédie du ligotage

Répondre