Le Deal du moment : -39%
Pack Home Cinéma Magnat Monitor : Ampli DENON ...
Voir le deal
1190 €

Partagez
 

 Le BBcode pour les nuls

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Peter Griffiths

Admin
Peter Griffiths


Afficher

MESSAGES : 171

Le BBcode pour les nuls Empty
MessageSujet: Le BBcode pour les nuls   Le BBcode pour les nuls EmptySam 25 Jan 2014 - 13:52

Voici une petite aide en codage qui vous permettra facilement de personnaliser vos fiches et vos rps.
Le BBcode c'est facile, c'est très similaire au format du html. C'est un raccourci rapide communément utilisé.

Voyons ce qu'en dit le FAQ du forum :
Citation :
Le BBCode est une implémentation spéciale du HTML, l'activation de l'utilisation du BBCode est déterminée par l'administrateur (vous pouvez aussi le désactiver sur un message en particulier lors de sa composition). Le BBCode en lui-même est similaire au style du HTML, les balises sont contenues dans des crochets [ et ] à la place de < et >, et offrent un meilleur contrôle sur la manière dont quelque chose doit être affichée. Pour plus d'informations sur le BBCode, allez voir le guide, accessible depuis le formulaire de publication.

Vous pouvez évidemment vous servir des boutons au dessus mais ce petit tuto vous permettra de le modifier et de le comprendre.

Tout d'abord, mais qu'est-ce qu'un balise ?
Comme indiqué plus haut, c'est les espèces de crochets dont on se sert rarement à l'écrit. C'est à l'intérieur que vous écrirez votre code, il faut donc veiller à bien les mettre et surtout à les fermer.

En BBcode, on utilise ceux-là -> [lecode] et soit il est tout simple, soit il contient une valeur qui sera introduite par le signe égal. Il faut aussi savoir qu'on ferme toujours les balises de cette manière -> [/lecode], c'est-à-dire un slash /.

Mais c'est plus facile avec des exemples alors, en route !
Vous avez sans doute remarquez les boutons juste au dessus. Quand vous cliquez dessus, des balises toutes faites s'affichent dans votre message. Décrivons les pour la plupart.

Le BBcode pour les nuls B10
Ici vous avez, dans l'ordre, le gras, l'italique, le soulignement et le rayement.
Pour faire simple, si vous n'avez pas envie de remonter cliquer dessus à chaque fois vous pouvez les apprendre.

Texte en gras (avec b comme bold)
Code:
[b]Texte en gras[/b]

Texte en italique (avec i comme italique)
Code:
[i]Texte en italique[/i]

Texte souligné (avec u comme underline)
Code:
[u]Texte souligné[/u]

Texte barré (avec strike)
Code:
[strike]Texte barré[/strike]

Le BBcode pour les nuls C10
Ces boutons servent au positionnement d'un texte ou d'un mot. Dans l'ordre, à gauche, centré, à droite et justifié.

Texte à gauche (avec left)
Code:
[left]Texte à gauche[/left]

Texte centré (avec center)
Code:
[center]Texte centré[/center]

Texte à droite (avec right)
Code:
[right]Texte à droite[/right]

Texte justifié (avec justify) -> Celui là est très utile pour rendre les textes plus agréables.
Code:
[justify]Texte justifié[/justify]

Le BBcode pour les nuls D10
Enfin, ces trois derniers boutons transforment l'apparence de votre texte. Dans l'ordre, la taille, la couleur et la police.

- Taille du texte
Code:
[size=taillesouhaitée]Texte en taille ...[/size]
Texte en taille 10
Texte en taille 24
Comme vous pouvez le voir, taille est qualifié par size (de l'anglais) et la taille souhaitée est précédée par le signe = (ne l'oubliez pas). La taille maximum en BBcode est de 24.

- Couleur du texte
Code:
[color=couleursouhaitée]Texte en couleur..[/color]
Texte en vert
Texte en rouge
Comme tout est en anglais, couleur se dit donc color. Pour ce qui est de sa valeur, elle peut être avec un mot (vert->green, rouge->red) ou décimale (vert->#006600, rouge->#FF0000). Pour la valeur décimale, vous remarquerez que les chiffres et lettres sont aux nombres de 6 et toujours précédez par # (AltGr+3)

- Police du texte
Code:
[font=policesouhaitée]Texte[/font]
Comic Sans MS
Arial
Ici, la police se dit font (avec un t pas un d) et il n'y a pas de secret, leur nom s'apprend.
Pour insérer un lien ou une image, rien de plus simple.

Un lien s'insère grâce à url :

https://www.google.fr/
Code:
[url]ton lien[/url]
Mais vous remarquerez que, quand un lien est vraiment long, ce n'est pas très esthétique, il y a donc une autre solution. Il suffit de mettre le lien dans la balise après le signe égal et de mettre du texte entre les balises !

Google
Code:
[url=lien]Texte[/url]


Et c'est le même principe pour les images, sauf que son nom est img :

Le BBcode pour les nuls B10
Code:
[img]lien[/img]

Et magique ! On peut combiner les deux :

Le BBcode pour les nuls B10 <- clique dessus pour te rendre sur google
Code:
[url=lien][img]lien de ton image[/img][/url]


Chose à savoir sur la combinaison, c'est comme les matriochka. On met un code, dans un autre, et encore dans un autre.

Texte de taille 15, gras et rouge
Code:
[size=15][color=#FF0000][b]Texte de taille 15, gras et rouge[/b][/color][/size]

On ne mélange pas le tout en salade en ouvrant dans un sens (size, color, font..) pour fermer n'importe comment (size, font, color..)
Pour finir, parlons des citations, des listes, des codes, etc..

Quelqu'un a dit quelque chose quelque part, et pas forcément sur le forum. Comme ce n'est pas de vous, vous souhaitez peut-être le mettre en citation. C'est tout simple, citation se dit quote.


Citation :
Votre texte en citation
Code:
[quote]Votre texte en citation[/quote]

Et puis, pourquoi ne pas ajouter le nom de la personne citée ?

Père Noël a écrit:
Ho ho ho !
Code:
[quote="Père Noël"]Ho ho ho ![/quote]


Pour ce qui est des listes, comme les listes de courses, ça se dit list. Et il y en a entre autres trois types, les basiques, les lettrées et les chiffrées.

-basique :

  • Red
  • Blue
  • Yellow

Code:
[list]
[*]Red
[*]Blue
[*]Yellow
[/list]

- chiffrée

  1. Se lever
  2. Manger
  3. Se laver

Code:
[list=1]
[*]Se lever
[*]Manger
[*]Se laver
[/list]

- lettrées

  • réponse a
  • réponse b
  • réponse c

Code:
[list]
[*]réponse a
[*]réponse b
[*]réponse c
[/list]

Avant de finir, une chose utile. On n'a pas forcément le loisir de pouvoir redimensionner une image ou encore, on a un texte long ou secret à faire passer. Pour cela, il suffit de le passer en spoiler, donc caché.

Spoiler:
Code:
[spoiler]Texte à masquer[/spoiler]
Merci de ne pas dévoiler mon secret :)

Et enfin, le dernier code que je vais vous donner. Et vous vous êtes peut-être posé la question de : mais comment elle fait pour la balise de code ? -ou pas- Parce que c'est trèèèèès facile !

Code:
Sélectionne moi
Code:
[code]Sélectionne moi[/code]



Voilà, pour le BBcode !! En espérant que ça vous sera utile !
Revenir en haut Aller en bas
https://edensgarden.forumactif.org
 

Le BBcode pour les nuls

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Un appart pour ce loup
» Compagnons sur Pattes : Des Amis pour la Vie
» Je ne viens pas ici pour visiter ! |Taylor & Abigael|
» Petit résumé pour chaque section

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Eden's Garden :: Communauté :: Etat civil :: Parrainage :: Aides-