[Tuto] et [Aide] BBcode

  • Auteur de la discussion MutantX
  • Date de début
MutantX

MutantX

Membre
Inscrit
29 Octobre 2011
Messages
5 475
Points
0
  • #1
Si comme moi vous êtes nouveau sur le mode de fonctionnement des BBcode, voici une petite explication.

Le BBCode est une implémentation spéciale du HTML. L'activation de l'utilisation du BBCode est déterminée par l'administrateur. En outre, vous pouvez désactiver le BBCode dans un message lors de sa composition. Le BBCode en lui-même est similaire au styile 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. Selon le modèle de document que vous utilisez, vous pourrez facilement rajouter du BBCode à vos messages à travers une interface de boutons cliquables au-dessus de la zone de texte lors de la composition de votre message. Toutefois, le guide qui suit pourra vous être utile.

Mise en forme du Texte

Créer du texte en gras, italique et souligné
Le BBCode comprend des balises qui vous permettent de changer rapidement le style de votre texte. Cela se réalise des manières suivantes :

* Pour rendre une partie de texte en gras, exemple:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

Salut

* Pour souligné un texte,par exemple:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

Bonjour

* Pour mettre un texte en italique, exemple:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

C'est Super!

Changer la taille ou la couleur du texte Pour changer la couleur ou la taille de votre texte, les balises suivantes peuvent êtres utilisées. Ayez en tête que le rendement du texte dépendra de votre navigateur internet et de votre système d'exploitation:

* Le changement de la couleur du texte se réalise en le plaçant dans [color=][/color]. Vous pouvez spécifier soit un nom de couleur reconnu (ex: red, blue, yellow, etc.), ou soit un code couleur hexadecimal, ex: #FFFFFF, #000000. Par exemple, pour créer du texte en rouge, vous pouvez utiliser:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

Salut !

ou

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

Salut !

* Le changement de la taille de votre texte se réalise de la même manière que pour la couleur en utilisant
Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!
. Cette balise est dépendant du modèle de document que vous utilisez, mais le format recommandé est une valeur numérique représentant la taille du texte en pixels, de 1 (tellement petit que vous le verrez pas) jusqu'à 250 (très grand). Par exemple:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

PETIT

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

ENORME !


Puis-je combiner les balises de mise en forme ? Oui, bien sûr que vous pouvez, par exemple pour attirer l'attention de quelqu'un, vous devriez écrire::

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

REGARDEZ MOI !

Néanmoins, nous ne vous recommandons pas d'écrire beaucoup de texte comme ci-dessus ! Rapplez-vous que c'est à vous de vous assurer de fermer les balises correctement. Par exemple, ce qui suit est incorrect:

Ceci est incorrect

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

Ceci est incorrect

Citation et texte à pas-fixe

Citation dans les réponses

Il y a deux méthodes pour citer un texte, avec ou sans référence.

* Lorsque vous utilisez la fonction Citer pour répondre à un message sur le forum, vous avez sûrement remarqué que le texte en citation est ajouté dans la zone de texte entre
Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!
. Cette méthode vous permet de citer avec une référence à une personne ou tout autre chose que vous aurez choisi de mettre ! Par exemple, pour citer un texte écrit par M. Dupont, vous devrez entrer:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

M. Dupont a dit:
Le texte écrit par M. Dupont devra être placé ici

Cela ajoutera automatiquement, M. Dupont a écrit: avant votre texte. Rappelez-vous que vous devez inclure les guillemets "" autour de la référence que vous citez, ils ne sont pas optionnels.

* La seconde méthode vous permet de citer quelque chose sans faire référence à l'auteur. Pour l'utiliser, placez le texte entre les balises
Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!
. Lorsque vous lirez votre message, il montrera simplement Citation: avant votre texte.

Code ou police à pas-fixe

Si vous voulez afficher des lignes de code ou toute chose qui nécessite une police à pas-fixe, ex: Police Courrier, vous devez placez le texte ou code dans les balises, exemple:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!
[/code]

Toute mise en forme utilisée dans les balises sera appliquée.

Création de Listes

Créer une liste non-ordonnée

Le BBCode supporte deux types de listes, les listes non-ordonnées, et les listes ordonnées. Elles sont essentiellement identiques à leurs équivalents en HTML. Une liste non-ordonnée produit une liste dont les entrées sont les uns en-dessous des autres et indentées avec une puce. Pour créer une liste non-ordonnée, utilisez et définissez chaque entrée à l'intérieur de la liste en utilisant [*]. Par exemple, pour établir une liste de vos couleurs favorites, vous pouvez utiliser:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

  • Rouge
  • Bleu
  • Jaune

Créer une liste ordonnée

Le second type de liste vous donne le contrôle sur ce qui va être affiché avant chaque entrée. Pour créer une liste ordonnée, vous devez utiliser pour créer une liste numérotée ou alternativement pour une liste alphabétique. Comme pour les listes non-ordonnées, les entrées sont spécifiées en utilisant [*]. Par exemple:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

  1. Faire les magasins
  2. Acheter un nouvel ordinateur
  3. Injurier son ordinateur lorsqu'il plante

Alors que pour une liste alphabétique, vous devez utiliser:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

  • La première réponse possible
  • La seconde réponse possible
  • La troisième réponse possible

Création de Liens

Créer un lien vers un autre site

Le BBCode dePhonAndroid supporte plusieurs méthodes pour créer des liens, plus connus sous le sigle URLs.

* La première méthode utilise les balises , tout ce que vous taperez après le signe = sera considéré comme le nom du lien. Par exemple pour créer un lien vers vous devez utiliser:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

S'il vous plaît, Connexion ou S'inscrire pour voir le contenu ou les urls !
"[/url]


Comme pour toutes les balises BBCode entourer tout autre balise comme (reportez-vous à la partie suivante), , etc. Comme pour les balises de mise en forme, c'est à vous de vous assurer que l'ordre des balises d'ouverture et de fermeture est correct, par exemple:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!



n'est pas correct et peut amener à la supression de votre message, faites donc attention.

Affichage d'images dans les messages

Ajouter une image à un message

Le BBCode de Phonandroid inclut une balise pour incorporer des images à vos messages. Deux importants points à retenir lors de l'utilisation de cette balise sont que premièrement, beaucoup d'utilisateurs n'apprécient guères un trop plein d'images dans un message et que secondement, l'image que vous voulez afficher doit déjà être disponible sur internet (elle ne peut pas seulement exister sur votre ordinateur par exemple, à moins que votre ordinateur soit lui-même un serveur internet !). Il n'y a actuellement aucun moyen de stocker localement des images avec Phonandroid. Pour afficher une image, vous devez entourer l'URL qui pointe vers l'image avec les balises. il faut penser que la taille est limitée donc quand vous uploadez l'image chez un hébergeur, pensez à sélectionner le redimensionnement. redimensionner à 680 px maxi. Par exemple:




Comme noté ci-dessus dans la section Création de Liens, vous pouvez placer une image dans les balises [url] si vous le souhaitez, exemple:

Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!

http://www.phonandroid.com/forum/
 
Joe

Joe

Membre
Inscrit
23 Juillet 2011
Messages
13 100
Points
38
  • #2
Merci pour le partage ça en aidera beaucoup !

Si tu veux éviter le noir et blanc, pense à mettre les combinaisons dans des balises
Code:
S'il vous plaît, Connexion ou S'inscrire to view codes content!
 
MutantX

MutantX

Membre
Inscrit
29 Octobre 2011
Messages
5 475
Points
0
  • #3
Merci, je savais que j'avais zappé :) quelque chose
 
Joe

Joe

Membre
Inscrit
23 Juillet 2011
Messages
13 100
Points
38
  • #4
De rien ! Oui c'est encore mieux comme ça :)
 
G

gabriel59

Membre
Inscrit
14 Février 2011
Messages
17 352
Points
0
  • #5
Merci à toi. Très bon boulot. Pour les images, il faut penser que la taille est limitée donc quand vous uploadez l'image chez un hébergeur, pensez à sélectionner le redimensionnement ;)
 
MutantX

MutantX

Membre
Inscrit
29 Octobre 2011
Messages
5 475
Points
0
  • #6
Merci, je me suis permis de rajouter ta phrase. tongue
 
G

gabriel59

Membre
Inscrit
14 Février 2011
Messages
17 352
Points
0
  • #7
Y'a pas de quoi ;)
 
Did57350

Did57350

Membre VIP
Inscrit
16 Janvier 2012
Messages
3 729
Points
38
  • #8
Salut,

Très bien ce tuto il manquait dans ce forum puisqu'à mon inscription j'ai passé des heures à trouver comment afficher des images.

Serait il possible de mètre un lien d'aide (bouton ou autres) dans Editeur complet ?
tongue
Envoyer depuis mon Experia Arc
 
G

guillaumeazeaze

Membre
Inscrit
18 Mai 2012
Messages
123
Points
0
  • #9
Pas mal du tout :)
 
Joe

Joe

Membre
Inscrit
23 Juillet 2011
Messages
13 100
Points
38
  • #10
Salut,

@ Did57350: Il existe une FaQ qui devrait t'aider:
 
Did57350

Did57350

Membre VIP
Inscrit
16 Janvier 2012
Messages
3 729
Points
38
  • #11
Salut,

Merci Joe, c'est là que j'ai lu qu'il fallait un hébergeur d'images et c'est dans ce forum que j'ai trouvé ImageShack en Anglais :-( mais offre l'avantage de redimensionner les images au format que les forums accepte.:)
tongue
Envoyer depuis mon Experia Arc
 
Joe

Joe

Membre
Inscrit
23 Juillet 2011
Messages
13 100
Points
38
  • #12
Re,

Oui, sinon il existe aussi hostingpics qui a l'air meilleur.

A+
 
Lau92140

Lau92140

Membre
Inscrit
24 Septembre 2012
Messages
1 369
Points
0
  • #13
Bonjour et merci pour le tuto hyper utile.

Il me semblait qu'hier encore on pouvait voir les balises 'table', 'tr', 'th' et 'td'. Aujourd'hui, ces balises sont absentes mais... semblent fonctionner correctement pour faire un tableau. Aussi, sommes-nous autorisés à les utilisées ?

...Merci d'avance...
 
etre_ange75

etre_ange75

Membre
Inscrit
19 Novembre 2016
Messages
33
Points
6
  • #14
Salut à tous et merci pour ce tuto qui m'intéresse beaucoup :super:
Ceci dit vous pourrez certainement m'aider,moi je cherche comment surligner,souligner,encadrer du texte ou un point spécifique sur des photos ou captures d'écran...
Il existe des applis que j'ai testées mais les outils ne m'offrent rien d'autre que faire des formes avec mes doigts et ça ne fait vraiment pas propre
Merci par avance pour les réponses que vous m'apporterez

Et joyeuses fêtes à tous !!! tongue
 
Joe

Joe

Membre
Inscrit
23 Juillet 2011
Messages
13 100
Points
38
  • #15
Salut,

Alors si tu veux directement modifier tes images à partir de ton téléphone oublie, ça sera une prise de tête énorme ^^ et à ma connaissance il faut tout faire manuellement, il n'existe pas d'appli qui reconnaisse le texte et soit capable de le surligner.

Je te conseille plutôt de passer par un logiciel de retouche d'images sur PC. Même si le texte est pas forcément reconnu tu peux facilement créer un encadré et le colorer pour surligner du texte.
 
etre_ange75

etre_ange75

Membre
Inscrit
19 Novembre 2016
Messages
33
Points
6
  • #16
Bjr et merci Joe,c'est noté
 
G

gerardphi

Membre
Inscrit
30 Août 2013
Messages
132
Points
18
  • #17
Bonjour,

Super le Tuto :super: :super: :super: :super: :super: :super: :super: :super: :super:

Je souhaiterai avoir votre aide :cool: :cool: :cool:

Quelle appli de lecteur Ebook accepte les BBcode.
Pourquoi? Lorsque je lis un livre, je suis amené à faire des recherches sur internet. Je souhaiterai coller les liens dans le lecteur "En le renommant".

Merci de votre aide :super: :super: :super:

BONNE ANNEE à PHONANDROID
 
Haut Bas