Guide d'utilisation des balises

Guide d'utilisation BBCodes personnalisés


[warning]Attention !
- TAILLER BIEN LES IMAGES AU BON FORMAT AVANT DE LES POSTER
- LES IMAGES ONT UN FILTRE AUTO POUR LA COULEUR DONC VOUS EMMERDEZ PAS A LES RETOUCHER CE SERA BEAU UNE FOIS POSTÉ
- QUAND VOUS UTILISEZ LE FLOAT, ATTENTION AU CONTENU QUI L'ACCOMPAGNE = IL DOIT ËTRE AUSSI HAUT QUE L'IMAGE (ATTENTION : LA PREVIEW OFFRE UN CONTEXTE PLUS LARGE QUE LE REEL, VÉRIFIEZ LE RENDU UNE FOIS POSTÉ)
- ATTENTION AU SAUT DE LIGNE ET RETOUR A LA LIGNE DANS UNE BALISE CA VA AJOUTER DE L'ESPACE DANS LE CODE DONC COLLER BIEN LES BALISES ENTRE ELLES SELON LES CAS[/warning]

Exemple d'utilisation annexe contexte : https://anathemes.forumactif.com/t66-contexte

Exemple complet d'utilisation : https://anathemes.forumactif.com/t81-intrigues-chapitre-1-la-troisieme-generation#139

Section

La Section est le container principale qui englobe toute une annexe. C'est le premier élément du topic à coder :

Pour créer une section avec un titre :

Aperçu :

[section option="Titre de la section"]
Votre contenu ici...
[/section]

BBCode :

Code:


[section option="Titre de la section"]Votre contenu ici...[/section]


---


Sous-section

La Sous-Section est le deuxièm container, celui qui vient entourer un "chapitre" dans l'annexe. D'où l'intérêt de mettre quelques phrases d'intro de l'annexe avant l'introduction de ce composant.

Pour créer une sous-section avec un titre.

Aperçu :

[sousSection option="Titre de la sous-section"]
Votre contenu ici...
[/sousSection]

BBcode :

Code:


[sousSection option="Titre de la sous-section"]Votre contenu ici...[/sousSection]


---

Liste de ancres de liens (ou liens tout simplement) (Linklist, Linkitem et Linkdescription)
Pour créer une liste de liens avec descriptions.

Aperçu :

[linklist][linkitem option="http://lien1.com"]Titre lien 1[/linkitem]
[linkdescription]Description pour le lien 1...[/linkdescription]
[linkitem option="http://lien2.com"]Titre lien 2[/linkitem]
[linkdescription]Description pour le lien 2...[/linkdescription][/linklist]

BBcode :

Code:


[linklist][linkitem option="http://lien1.com"]Titre lien 1[/linkitem]
[linkdescription]Description pour le lien 1...[/linkdescription]
[linkitem option="http://lien2.com"]Titre lien 2[/linkitem]
[linkdescription]Description pour le lien 2...[/linkdescription][/linklist]


---

Image Rectangle
Utilisez la balise Rectangle pour créer un bloc rectangulaire contenant une image
Aperçu:
[rectangle][/rectangle]

BBCode:

Code:


[rectangle][img]URL DE VOTRE IMAGE[/img][/rectangle]


---

Float
La balise Float permet de placer du contenu à gauche dans un conteneur flottant.

Aperçu:
[float][/float] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

BBCode:

Code:


[float][img]URL DE VOTRE IMAGE[/img][/float]


---

Balise Hint
Crée un bloc d'indice ou de note pour attirer l'attention sur une partie spécifique du contenu.

Aperçu:
[hint]Un indice important ici...[/hint]

BBCode:

Code:


[hint]Un indice important ici...[/hint]


---

Arrow
Insère une flèche stylisée pour pointer ou introduire du contenu.

Aperçu:
[arrow] Suivi de votre contenu...

BBCode:

Code:


[arrow] Suivi de votre contenu...


---

Warning
Affiche un avertissement ou une alerte pour signaler des informations cruciales.

Aperçu:
[warning]Attention à ceci...[/warning]

BBCode:

Code:


[warning]Attention à ceci...[/warning]


---

Success
Utilisé pour mettre en évidence des succès ou des confirmations positives.

Aperçu:
[success]Opération réussie![/success]

BBCode:

Code:


[success]Opération réussie![/success]


----

Subtitle
Introduit un sous-titre pour diviser davantage les sections ou sous-sections.

Aperçu:
[subtitle]Votre sous-titre ici...[/subtitle]

BBCode:

Code:


[subtitle]Votre sous-titre ici...[/subtitle]


---


highlight

Pour mettre en avant un texte particulier : gras + couleur.

[highlight]corporation[/highlight]

BBcode :

Code:


[highlight]corporation[/highlight]


----

Accordéons

[accordion][accordionitem option="1"]Titre 1[/accordionitem][accordioncontent]Lorem ipsum dolor sit amet...[/accordioncontent][accordionitem option="2"]Titre 2[/accordionitem][accordioncontent]Contenu de l'accordéon 2...[/accordioncontent][/accordion]

Code:


[accordion][accordionitem option="1"]Titre 1 blibli[/accordionitem][accordioncontent]Blibli[/accordioncontent][accordionitem option="2"]Titre 2 blabla[/accordionitem][accordioncontent]blabla[/accordioncontent][/accordion]


TIMELINE

[timeline]
[event date="1993"]New York est détruite par une explosion nucléaire lors d’une guerre intestine menée par les États-Unis contre plusieurs cartels.[/event]
[event date="1994"]Conséquence directe de la disparition de la Grande Pomme : un crash boursier plonge le monde dans une dépression économique sans précédent.[/event]
[event date="1997"]Suite à un sommet économique exceptionnel réunissant 172 des 195 états du monde, l'Eurodollar est voté comme monnaie unique internationale.[/event]
[event date="2000"]Une épidémie de Peste s'abat sur les Etats-Unis et l’Europe, faisant 14 millions de morts avant qu’un vaccin ne soit trouvé.[/event]
[event date="2002"]Un virus détruit une grande partie des récoltes et provoque une crise alimentaire majeure à travers le monde.[/event]
[/timeline]

Code:


[timeline]
[event date="1993"]New York est détruite par une explosion nucléaire lors d’une guerre intestine menée par les États-Unis contre plusieurs cartels.[/event]
[event date="1994"]Conséquence directe de la disparition de la Grande Pomme : un crash boursier plonge le monde dans une dépression économique sans précédent.[/event]
[event date="1997"]Suite à un sommet économique exceptionnel réunissant 172 des 195 états du monde, l'Eurodollar est voté comme monnaie unique internationale.[/event]
[event date="2000"]Une épidémie de Peste s'abat sur les Etats-Unis et l’Europe, faisant 14 millions de morts avant qu’un vaccin ne soit trouvé.[/event]
[event date="2002"]Un virus détruit une grande partie des récoltes et provoque une crise alimentaire majeure à travers le monde.[/event]
[/timeline]