Accéder au contenu de la page

Se servir de balises
Balises de mise en page


Sauts de lignes

[br] : Permet de faire un retour à la ligne sans pour autant appuyer sur Entrée dans le code

[hr] : Permet d'afficher un trait occupant toute une ligne sur la page, pour marquer une séparation.

Masquer du contenu sous spoiler

[spoil]texte[/spoil] : Permet de mettre le texte sous spoiler, avec un texte cliquable expliquant qu'une information importante peut être révélée

[lightspoil]texte[/ligthspoil] : Permet de mettre le texte sous spoiler avec comme texte cliquable la seule mention "Spoiler"

[spoil|texte personnalisé]texte[/spoil] : Permet de mettre le texte sous spoiler avec un texte cliquable personnalisé, pratique pour masquer du contenu et gagner de la place sans laisser croire qu'il peut s'agir d'une information sur de prochains jeux, par exemple

[spoil2|texte personnalisé]texte[/spoil2] : Fonctionne comme la balise précédente mais il s'agit d'un sous-spoiler (un spoiler dans un spoiler).


Balises pour les titres

[h1]texte[/h1] : Premier niveau de titre (grand titre)

[h2]texte[/h2] : Second niveau de titre (sous-titre)

[h3]texte[/h3] : Troisième niveau de titre (pour quelques paragraphes traitant d'un même point)



Balises pour les blocs "item"

[listh][item]contenu du bloc 1[/item][item]contenu du bloc 2[/item][/listh] : Affiche le contenu sous forme d'une liste (définie par les balises [listh][/listh]) de blocs (chacun défini par les balises [item][/item]) dont la hauteur et la largeur s'ajustent en fonction du contenu. Si plusieurs blocs se succèdent, ils sont disposés en ligne si la largeur de la page le permet, sinon les blocs passent à la ligne suivante. Chaque bloc sur une même ligne fait la même hauteur que le bloc le plus grand.

Il est également possible d'ajouter des options aux balises [item] :
- [item|bgcolor=couleur] : permet de changer la couleur de fond du bloc (fonctionne avec les noms de couleurs et les codes hexadécimaux).
- [item|nostyle] : permet de rendre invisible la mise en forme d'un bloc (cumulé avec l'option précédente, seul le cadre sera invisible).
- [item|margin=WWpx XXpx YYpx ZZpx] : permet de fixer les marges d'un bloc. Selon le nombre de valeurs ajoutés, le comportement diffère.
1 valeur : Les 4 marges seront de taille identique. ex : [item|margin=15px][/item]
2 valeurs : Les marges haut-bas prendront la valeur 1 et les marges gauche-droite la valeur 2. ex : [item|margin=15px 10px][/item]
3 valeurs : La marge haut prendra la valeur 1, les marges gauche-droite la valeur 2 et la marge bas la valeur 3. ex : [item|margin=15px 10px 5px][/item]
4 valeurs : La marge haut prendra la valeur 1, la marge droite la valeur 2, la marge bas la valeur 3 et la marge gauche la valeur 4. ex : [item|margin=15px 10px 5px 0px][/item]
- [item|marginv=XXpx] : permet de fixer les marges haut-bas d'un bloc.
- [item|marginh=XXpx] : permet de fixer les marges gauche-droite d'un bloc.
- [item|width=XXpx] : permet de fixer la largeur d'un bloc quelle que soit la taille de son contenu. XX est un nombre définissant cette largeur en pixels. Le texte fera alors des retours à la ligne pour ne pas dépasser cette largeur et les images seront redimensionnées pour respecter cette dimension (le fichier garde son poids en octets d'origine donc une image mesurant originellement 1000px de large et réduite à 100px restera aussi longue à charger).

Les options sont cumulables sans préférence d'ordre, il suffit pour cela de présenter le code ainsi : [item|option1|option2][/item]
Afficher les exemples
  • Contenu du bloc 1 (sans option)
  • Bloc 2 (sans option)
  • Bloc 3 (option [item|bgcolor=lightskyblue][/item])
  • Bloc 4 (option [item|width=150px][/item])
  • Bloc 5 (options [item|bgcolor=lightskyblue|width=150px][/item])
Recherche
Communauté Pokébip
Journal des rédacteurs
Réseaux sociaux
Calendrier
Jeu 2024
iOS
Android
Pokémon Pocket (JCC)
Jeu 2025
Switch Légendes Pokémon : Z-A
Partenaires



Publicité