[Aide au Jeu] Tutoriel sur les BB-codes

DeletedUser

Guest
Bonjour à toutes et à tous,
Voici un tutoriel sur les BB-codes :

I. Les BB-codes, c'est quoi ?
Les BB-codes sont des codes à utiliser pour rendre son post plus facile à lire et à éviter des pertes de temps. Ils se trouvent au dessus du message que vous écrivez (ce sont les icônes) :
76lt.jpg

II. Les différents BB-codes, présentation et utilisation.
1/ Le caractère gras.
Il correspond à l'icône la plus à gauche et est représentée par un "B" en gras :
c7zx.jpg

Il sert à mettre tout ou partie d'un texte en gras.

Son utilisation est simple et deux possibilités s'offrent à vous :
Soit :
-Vous cliquez sur l'icône et deux parties délimitées par des crochets (balistes) apparaitrons :
q9hj.jpg
-Écrivez alors votre texte entre ces balistes :
t3us.jpg

Soit :
-Vous écrivez d'abord votre texte.
-Vous le sélectionnez :
-Vous cliquez sur l'icône :
osb1.jpg

Résultat :
r4f1.JPG

2/ L’italique :
Il correspond à l'icône "I" en italique :
7umb.jpg

Il sert à mettre tout ou partie d'un texte en italique.

Son utilisation est la même que précédemment :
Soit :
-Vous cliquez sur l'icône et deux balistes apparaitrons :
wjw.JPG
-Écrivez alors votre texte entre ces balistes :
6wuq.jpg

Soit :
-Vous écrivez d'abord votre texte.
-Vous le sélectionnez :
-Vous cliquez sur l'icône :
us7j.jpg

Résultat :
e0jg.jpg

3/ Souligné :
C'est la 3ème icône en partant de la gauche (le "U" souligné) :
ve58.jpg

Il sert à souligner tout ou partie d'un texte.

C'est une nouvelle fois la même utilisation :
Soit :
-Vous cliquez sur l'icône et deux parties délimitées par des crochets (balistes) apparaitrons :
bpwi.jpg
-Écrivez alors votre texte entre ces balistes :
wi5v.jpg

Soit :
-Vous écrivez d'abord votre texte.
-Vous le sélectionnez :
-Vous cliquez sur l'icône :
0pjz.jpg

Résultat :
n0kp.jpg

4/ Barré :
C'est la 4ème icône en partant de la gauche (le "S" barré) :
lyyj.jpg

Il sert à barrer tout ou partie d'un texte.

C'est encore une fois la même utilisation :
Soit :
-Vous cliquez sur l'icône et deux parties délimitées par des crochets (balistes) apparaitrons :
2ti4.jpg
-Écrivez alors votre texte entre ces balistes :
mxkv.jpg

Soit :
-Vous écrivez d'abord votre texte.
-Vous le sélectionnez :
-Vous cliquez sur l'icône :
hozd.jpg

Résultat :
w5bn.jpg

5/ Citation :
C'est la 5ème icône en partant de la gauche (la bulle de BD) :
66ug.jpg

Il sert à citer tout ou partie d'un texte/message.

Son utilisation est un peu plus complexe bien qu'elle reste assez basique. Il y a encore deux solutions :
Soit :
- Vous cliquez sur l'icône :
- Changez "Author" par le nom du joueur que vous voulez citer :
59x5.jpg
- Écrivez/copiez alors le texte entre ces deux balistes.
jrqi.jpg

Soit :
- Vous écrivez/collez le texte.
- Vous le sélectionnez :
- Vous cliquez sur l'icône :
- Changez "Author" par le nom du joueur que vous voulez citer.
5kkd.jpg

Résultat :
6c5p.jpg

6/ Spoiler :
C'est la 6ème icône en partant de la gauche (la flèche blanche vers le bas):
dvvm.jpg

Il sert à "cacher" tout ou partie d'un texte ou une image pour qu'ils prennent moins de place ou pour faire plusieurs catégories.

C'est la même utilisation que pour les premiers BB-codes :
Soit :
-Vous cliquez sur l'icône et deux parties délimitées par des crochets (balistes) apparaitrons :
h505.jpg
-Écrivez alors votre texte entre ces balistes :
lych.jpg

Soit :
-Vous écrivez d'abord votre texte.
-Vous le sélectionnez :
-Vous cliquez sur l'icône :
v4uk.jpg

Résultat :
4n1.gif

7/ Adresse URL :
C'est la 7ème icône en partant de la gauche (la planète avec la chaîne devant) :
xelg.jpg

Cela sert à mettre un lien vers une page internet externe mais est aussi utilisée dans la profil pour obtenir une couleur bleue.

C'est à nouveau la même utilisation :
Soit :
-Vous cliquez sur l'icône et deux parties délimitées par des crochets (balistes) apparaitrons :
3mdl.jpg
-Écrivez alors votre texte entre ces balistes :
ii94.jpg

Soit :
-Vous écrivez d'abord votre texte.
-Vous le sélectionnez :
-Vous cliquez sur l'icône :
kvpg.jpg

Résultat :
i5xm.jpg

8/ Joueur :
C'est la 8ème icône en partant de la gauche (le pion seul) :
ldgh.jpg

C'est un des BB-codes les plus utilisé : demandes de soutien, attaques en communs, marché, recrutement ... Il sert à mettre un lien direct vers le profil d'un joueur.

C'est encore une fois la même utilisation :
Soit :
-Vous cliquez sur l'icône et deux parties délimitées par des crochets (balistes) apparaitrons :
6kqg.jpg
-Écrivez alors votre texte entre ces balistes :
9uuy.jpg

Soit :
-Vous écrivez d'abord votre texte.
-Vous le sélectionnez :
-Vous cliquez sur l'icône :
n8xm.jpg

Résultat :
dqyz.jpg

9/ Tribu :
C'est la 9ème icône en partant de la gauche (les 3 pions) :
g33g.jpg

C'est un des autres BB-codes des plus fréquents : soutiens, attaques groupés, marché, diplomatie ... Il sert à mettre un lien vers le profil d'une tribu.

C'est la même utilisation :
Soit :
-Vous cliquer sur l'icône et deux parties délimitées par des crochets (balistes) apparaitrons :
rr3m.jpg
-Écrivez/ collez alors le tag tribal de la tribu entre ces balistes :
zlwl.jpg
1vln.jpg

Soit :
-Vous écrivez d'abord votre texte.
-Vous le sélectionnez.
-Vous cliquez sur l'icône :
zyqn.jpg

Résultat :
f7os.jpg

10/ Coordonnées :
C'est la 10ème icône en partant de la gauche (le village) :
u85w.jpg

C'est un des autres BB-codes fréquent (soutiens, attaques, marché ...)

Une nouvelle fois c'est la même utilisation mais attention il ne faut prendre que la partie avec les chiffres des coordonnées ( xxx|yyy) :
Soit :
- Vous cliquez sur l'icône :
bqsq.jpg
- Écrivez/ collez alors les coordonnées du village entre ces deux balistes :
qusm.jpg
j61v.jpg

Soit :
- Vous écrivez/collez les coordonnées du village.
- Vous les sélectionnez.
- Vous cliquez sur l'icône :
g5dv.jpg

Résultat :
ghkb.jpg

11/ Rapport de combat (RC) :
C'est la 11ème icône en partant de la gauche (le parchemin avec un ruban rouge) :
iobv.jpg

C'est un des autres BB-code très utile (soutiens, troupes adverses, attaques/scoutage, conquêtes ...). Il sert à publier un rapport de combat sur le forum, sur un message ou sur votre profil. Sans compte premium, vous ne pourrez publier que 5 rapports ; il faudra ensuite les effacer.

Son utilisation se fait en deux phases et il y a encore une fois deux choix possibles :
Première étape :
- Vous allez dans le menu "Rapport" (tout en haut de votre écran) :
72gr.jpg
- Vous ouvrez le rapport à publier.
- Vous allez tout en bas du rapport et cliquez sur "Publier le rapport" :
9x1s.jpg
- Cochez alors les cases qui vous intéressent :
vj44.jpg
- Copiez le lien :
8975.jpg

Ensuite soit :
- Vous cliquez sur l'icône :
40m8.jpg
- Coller alors le lien entre les balistes :
jtqp.jpg

Soit :
- Vous collez le lien.
- Vous le sélectionnez :
- Vous cliquez sur l'icône :
beut.jpg

Résultat :
8gs9.jpg

12/ Taille de police :
C'est la 12ème icône en partant de la gauche (le diagramme en bâton) :
2gac.jpg

Il sert à adapter la taille de tout ou partie d'un texte.

Son utilisation se fait en deux étapes et il y a deux solutions :
Soit :
- Vous cliquez sur l'icône puis choisissez la taille voulue entre "Très petit" et "Très large" :
e8sa.jpg
En fonction de la taille choisie les balistes vont changées :
xrwx.jpg
- Écrivez alors votre texte entre ces deux balistes :
zsdu.jpg

Soit :
- Vous écrivez votre texte.
- Vous le sélectionnez :
- Vous cliquez sur l'icône et choisissez la taille voulue :
zsdu.jpg

Résultat :
6ubw.jpg

13/ Image :
C'est la 13ème icône en partant de la gauche (les montagnes) :
u02z.jpg

Il sert à afficher une image venant d'internet sur le forum.

Son utilisation est des plus classique :
Soit :
- Vous cliquez sur l'icône :
oqns.jpg
- Écrivez/collez alors l'adresse de l'image (clic droit sur l'image : ''copier l'adresse de l'image'') entre les deux balistes :
qs53.jpg

Soit :
- Vous écrivez/copiez l'adresse de l'image.
- Vous le sélectionnez :
- Vous cliquez sur l'icône :
tcj8.jpg

Résultat :
9wz0.jpg

14/ Couleurs :
C'est la 14ème icône en partant de la gauche (carrés avec des couleurs) :
wgvj.jpg

Il sert à changer la couleur de tout ou partie d'un texte.

Son utilisation est un peu complexe (à expliquer) :
Soit :
- Vous cliquer sur l'icône :
- Vous choisissez ensuite la "gamme" de couleur que vous désirez grâce au menu tout en haut.
- Choisissez alors la couleur précise souhaitée (dans la menus du bas avec tous les dégradés) puis validez :
k1hi.jpg
nbx5.jpg
- Écrivez alors votre texte entre ces deux parties délimitées par des crochets.
yzra.jpg

Soit :
- Vous écrivez votre texte.
- Vous le sélectionnez.
- Vous cliquer sur l'icône.
Vous choisissez ensuite la "gamme" de couleur que vous désirez grâce au menu tout en haut.
Choisissez alors la couleur précise souhaitée (dans la menus du bas avec tous les dégradés) puis validez :
7r8g.jpg

Résultat :
h1af.JPG

15/ Tableau :
C'est la 15ème icône en partant de la gauche (tableau) :
ncm6.jpg

Il sert à afficher un tableau (très utile pour classer rapidement beaucoup de données). Il faut aussi savoir que le nombre de ''['' est limité à 1000 par message.

Son utilisation est la plus complexe de toute (mais assez simple en fin de compte). Il n'y a cette fois qu'une solution :
Vous cliquer sur l'icône :
1pot.jpg
Cela vous donne un tableau à quatre colonnes comme ceci :

[**]head1[||]head2[/**]
[*]test1[|]test2

Le ''code'' :
°
: Il ne aut pas y toucher ! Il indique que tout ce qui est entre ces deux balises font partie d'un tableau
° [**][/**] : Correspond à une ligne ''marron foncée''.
° [||] : Correspond à une colonne ''marron foncée''.
° [*] : Correspond à une ligne ''marron claire''. Attention ! Il ne faut pas rajouter d'autre baliste : elle
serait comprise comme du texte.
° [|] : Correspond à une colonne ''marron claire''.
° Le reste n'est que le texte qui compose le tableau.

Pour modifier le texte :
Effacez "head1" pour le remplacer par ce que vous voulez. (Même opération pour les autres)

Pour ajouter une colonne dans le "marron foncé" :
Ajoutez "[||]".

Pour ajouter une ligne "marron foncé" dans le même tableau :
- Ajoutez "[**][/**]".
- N'oubliez pas d'ajouter le nombre de colonne nécessaires !

Pour ajouter une colonne "dans le marron clair" :
Ajoutez "[|]".

Pour ajouter une ligne "marron clair" dans le même tableau :
- Ajoutez "[*]".
- N'oubliez pas d'ajouter le nombre de colonne nécessaires !

Voici un exemple de tableau :
z3zo.jpg

Résultat :
zqie.jpg

16/ Réservations :
C'est la 16ème icône en partant de la gauche (le cadenas) :
3d4x.jpg

Il sert à indiquer le nom des personnes ayant réservées un village dans le planificateur de la tribu). Si le village n'est pas réservé ce BB-code agit comme celui des coordonnées.

Son utilisation est simple :
Soit :
- Vous cliquez sur l'icône :
5j9u.jpg
- Écrivez/collez alors les coordonnées du village (seulement les nombres, pas le nom) entre ces balistes :
8olj.jpg
gwgt.jpg

Soit :
- Vous écrivez/collez les coordonnées (seulement les nombres, pas le nom).
- Vous les sélectionnez.
- Vous cliquez sur l'icône :
1ayk.jpg

Résultat :
h0dn.jpg

17/ Troupes :
C'est la 17ème icône en partant de la gauche (les épées croisées) :
3m1p.jpg

Il sert a mettre l'icône d'un type de troupe choisi ce qui évite d'avoir à l'écrire. Exemple : lancier -> [unit]spear[/unit]

Son utilisation est la plus simple qu'il existe dans ce jeu :
- Vous cliquez sur l'icône.
- Vous sélectionnez l'unité choisie dans la liste :
hqyf.jpg
juzf.jpg

Résultat :
smrc.jpg

18/ Bâtiments :
C'est la 18ème icône en partant de la gauche (le bâtiment) :
vsbr.jpg

Il sert a mettre l'icône d'un type de bâtiment choisi ce qui évite d'avoir à l'écrire. Exemple : Quartier général -> [building]main[/building].

Son utilisation est la même que précédemment :
- Vous cliquez sur l'icône.
- Vous sélectionnez le bâtiment choisi dans la liste :
kqo7.jpg
hdhr.jpg

Résultat :
5sjo.jpg

Ce tutoriel est fini. Sachez que l'on peut aussi écrire directement les balistes (parties entre crochet) sans passer par les icônes mais je trouve cela plus long alors que le but des BB-codes est de se simplifier la vie et de gagner du temps. Par ailleurs il est possible de combiner plusieurs BB-codes (je l'ai d’ailleurs fait tout au long de ce tutoriel : les images sont sous spoiler). Prenez garde, l'ordre peut avoir son importance. Pour vérifier si ce que vous avez fait correspond à ce que vous vouliez faire cliquez sur ''Aperçu'' en bas de votre message).

Si vous avez des questions, ou si vous voulez apporter des modifications, postez les ici ou contactez moi par MP, merci d'avance.

J'espère que ce tutoriel vous aura aidé,
[player]ggdu35[/player]

Je tiens à remercier -EnJoy- pour son aide et pour le suivi apporté à ce tutoriel, ainsi que ghilou (du monde casual) qui lui saura pourquoi (s'il lit un jour ce tuto:)).

PS : Pour ceux qui veulent copier ce tutoriel aller y, mais j’espère que vous serez assez honnête envers vous même pour ne pas vous l’approprier ;).

Edit :
Je rajoute un Tuto plus ancien à la suite de celui-ci :
Bonjour à tous,

Ce Tuto a pour but de rappeler ce qui est déjà dit sur le Wiki sur le lien suivant :

Tout d'abord un tableau récapitulatif des BB Codes disponibles :

131007071112362527.png



Explication des BB codes :

Code


HTML:
[b]Texte[/b] : Mettre en gras du texte, remplacer ''Texte'' par le texte voulu. Ceci peut servir pour faire des titres, des entêtes, des sous-titres...

[u]Texte[/u] : Sourligner du texte, remplacer ''Texte'' par le texte voulu. Ceci peut servir pour démontrer quelque chose d'important, un titre...

[i]Texte[/i] : Mettre en italic du texte, remplacer ''Texte'' par le texte voulu

[s]Texte[/s] : En train d'être écrit.

[color=red]Texte[/color] : Mettre de la couleur au texte, remplacer ''Texte'' par le texte voulu. ''red'' peut être changer en ''blue, green, purple etc'' et aussi en codes de couleur comme ''d50101''(code du rouge).

[size=20]Texte[/size] : Mettre de la grandeur à un texte, remplacer ''Texte'' par le texte voulu. Le ''20'' peut être remplacer par n'importe quel autre grandeur, sachant que 1 est très petit, et 20 assez grand.

[quote=Auteur]Texte[/quote] : Faire une citation, d'une bonne partie d'une conversation. Remplacer ''Texte'' par la citation et ''Auteur'' par l'auteur de cette partie du texte.

[img]http://www.guerretribale.fr/graphic/eisen.png[/img] : Mettre une image, remplacer l'url par l'image voulu.

[url]http://www.google.fr/[/url] : Mettre une adresse URL en lien, remplacer ''http://www.google.fr/'' par l'adresse url.

[url=http://forum.guerretribale.fr]Forum Guerre Tribale[/url] : Mettre un texte en lien menant vers une adresse url. Par exemple, au lieu de peser sur une adresse, on pese sur un texte.

[code]texte non gras[/code] : En édition.

[player]Domski[/player] : Mettre l'url vers le joueur mentionné, ceci ne fonctionne que InGame, dans le jeu. Remplacer ''Domski'' par le joueur voulu.

[ally]L*P*X[/ally] : Mettre l'url vers la tribu mentionnée, ceci ne fonctionne que InGame, dans le jeu. Remplacer ''LPX'' par la tribu voulue.

[spoiler]Texte, qui doit être caché[*/spoiler] : Cacher un texte, qui sera remplacé par un bouton à cliquer pour voir le texte. Exemple:  Remplacer ''Texte qui doit être caché'' par le texte voulu.

[village](xxx|xxx)[/village] : Mettre le lien vers l'adresse URL d'un certain village. Remplacer ''xxx|xxx'' par les coordonnées du village.

[report]12a3b4c567[/report] : En édition.

[report_display]12a3b4c567[/report_display] En édition.




 
Dernière édition par un modérateur:

DeletedUser22095

Guest
Juste une petite précision pour le BB-Code sur l'URL:

On peut envoyer vers lien sans pour autant que le lien soit marqué, il faut pour celà faire:

[ url=www.guerretribale.fr]Texte à afficher[/url]

Ce qui donnes:
Texte à afficher



Il y a également le BB-code pour les codes (justement):
Code:
Et les détails de réservation
[claim] [/claim]
(Attention toutefois pour les réservations, ce code ne marche que sur le forum du jeu et les coordonnées doivent être entre parenthèses)
[claim](555|500)[/claim]
 
Dernière édition par un modérateur:

DeletedUser521

Guest
Merci pour ce tutoriel, cela a plus sa place dans les guides de l'Encyclopédie que dans les Tools externes.

;)
 

DeletedUser10744

Guest
Bonjour,

Je déplace dans la section Guides de l'encyclopédie.

Cordialement,
 

DeletedUser

Guest
Bonjour à toutes et à tous,

On peut envoyer vers lien sans pour autant que le lien soit marqué, il faut pour celà faire:

[ url=www.guerretribale.fr]Texte à afficher[/url]

C'est exact, merci de me le rappeler ; je vais l'ajoutée au tuto.

Il y a également le BB-code pour les codes (justement):
Code:
[/QUOTE]

Une fois de plus j'oublie quelque chose ! Mais pour celui ci il n'y a pas d’icône, il me semble ... (dites moi si je me trompe)

[QUOTE]Et les détails de réservation
[claim] [/claim]
(Attention toutefois pour les réservations, ce code ne marche que sur le forum du jeu et les coordonnées doivent être entre parenthèses)
[claim](555|500)[/claim] [/QUOTE]

En es-tu sur ? Pour moi cela fonctionne sans les parenthèses (sur les mondes 19 et casual).

[QUOTE]Merci pour ce tutoriel[/QUOTE]

Tout le plaisir est pour moi ; le principal est qu'il serve ;).

[QUOTE]cela a plus sa place dans les guides de l'Encyclopédie que dans les Tools externes.[/QUOTE]

Désoler de vous donner plus de travail :$

ggdu35
 
Haut