> For the complete documentation index, see [llms.txt](https://wiki.zencraft.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.zencraft.net/gameplay/claim/niveaux-de-claim/bossbar.md).

# BossBar

Les BossBars à l'entrée et à la sortie d'un claim sont personnalisables de différentes façons : vous pouvez choisir la couleur du texte, la couleur de la barre, son style et la durée d'affichage.

## Personnalisation du texte : 

Il est possible de personnaliser le texte de la BossBar à l'entrée et à la sortie d'un claim.

{% hint style="warning" %}
Les options de personnalisation n'utilisent pas les codes couleur ou de mise en forme basiques de Minecraft avec le symbole `&` suivi d'un chiffre ou d'une lettre, mais plutôt des balises telles que`<red>`pour la couleur rouge ou`<bold>`pour une mise en forme en gras.
{% endhint %}

Nous vous recommandons d'utiliser [MiniMessage Web Viewer](https://webui.advntr.dev/) pour visualiser plus facilement le rendu de votre texte.

{% embed url="<https://webui.advntr.dev/>" %}

<figure><img src="/files/8iWtu31kxfstKK2OnAvQ" alt=""><figcaption><p>Interface permettant la visualisation des balises</p></figcaption></figure>

<figure><img src="/files/NEDnXScijK1zdq8aPjPn" alt=""><figcaption><p>Visualisation de votre texte directement depuis l'éditeur de texte.</p></figcaption></figure>

{% hint style="info" %}
La BossBar ne peuvent contenir que <mark style="color:blue;">**64 caractères maximum**</mark>. Cependant, les balises ne sont pas prises en compte dans ce nombre de caractères.
{% endhint %}

<details>

<summary> <strong>Couleurs Principaux</strong></summary>

`<black>`, `<dark_blue>`, `<dark_green>`, `<dark_aqua>`, `<dark_red>`, `<dark_purple>`, `<gold>`, `<gray>`, `<dark_gray>`, `<blue>`, `<green>`, `<aqua>`, `<red>`, `<light_purple>`, `<yellow>`, `<white>`. \
\
Vous pouvez sélectionner une couleur principale en cliquant sur les carrés de couleur à gauche, puis en appuyant sur <mark style="color:green;">**`Apply color`**</mark>(*la valeur HEX se trouve à côté*) pour l'appliquer à votre texte.\
\
![](/files/alFniQapnx9MyJPCNS2a)\
\
**Utilisation :** \
`<colorname>text</colorname>`\
\
**Exemple :** \
`<red>ZenTest</red>`\
`<red>ZenTest`\
![](/files/ORMpm38XWPIVIjqo4WFa)

\
**Résultat :** \ <img src="/files/EnRO4Pe38aK3PTvT1Ju3" alt="" data-size="original">

</details>

<details>

<summary><strong>Couleurs Hexadécimal</strong></summary>

Vous pouvez définir une teinte de couleur spécifique en utilisant directement une couleur hexadécimale : cliquez sur le sélecteur de couleur et ajustez la variation (*barre horizontal*), puis appuyez sur <mark style="color:green;">**`Apply color`**</mark> (*la valeur HEX se trouve à côté*) pour appliquer la couleur à votre texte.

<img src="/files/IMwg1fv5nxFTS9wOgBmF" alt="" data-size="original">

Par exemple, le rouge a une valeur HEX `<#ff0000>` et le bleu a une valeur HEX `<#0000ff>`.

**Utilisation :** \
`<color:hex>text</color>`\
\
**Exemple :** \
`<color:#a33bff>ZenTest</color>`\
`<#a33bff>ZenTest`\
![](/files/b3ZQ8G3giOMRPyZXbvpa)

\
**Résultat :**\ <img src="/files/VUmktjncIV4KJXOEInoG" alt="" data-size="original">

</details>

<details>

<summary><strong>Gras</strong></summary>

Vous pouvez rendre votre texte en gras pour le rendre plus visible en ajoutant simplement la balise `<bold>`ou `<b>`.\
\
**Utilisation :** \
`<b>text</b>`\
\
**Exemple :** \
`<bold>ZenTest</bold>`\
`<b>ZenTest`\
\
**Résultat :**\ <img src="/files/Cgk9pkbybgT4k7glGp7I" alt="" data-size="original">

</details>

<details>

<summary><strong>Arc-en-ciel</strong></summary>

Vous pouvez appliquer un dégradé en arc-en-ciel au texte.\
\
**Utilisation :** \
`<rainbow>text</rainbow>`\
`<rainbow:[!][phase]>text</rainbow>`\
\
**Balise supplémentaire :**\
`[!]` : Inverse la direction de votre arc-en-ciel.\
`[phase]` : pouvant être défini de `1` à `9`, déplace le dégradé arc-en-ciel pour qu'il commence à une couleur spécifique.\
\
Arc-en-ciel normal\
`<rainbow>||||||||||||||||||||||||</rainbow>`\
![](/files/F1nxJsz0crshFg8AHeLv)\
\
Arc-en-ciel commençant à la phase 2\
`<rainbow:2>||||||||||||||||||||||||</rainbow>`

![](/files/hHe7YpbLHoqb7qHrPkwy)\
\
Arc-en-ciel inversé\
`<rainbow:!>||||||||||||||||||||||||</rainbow>`

![](/files/ITZDS44nsXhj8c5vF8na)\
\
Arc-en-ciel inversé commençant à la phase 2\
`<rainbow:!2>||||||||||||||||||||||||</rainbow>`\
![](/files/OEI6foX90dCBaE5q6vut)

**Exemple :** \
`<rainbow:6>Bienvenue sur ZenCraft !</rainbow>`\
\
**Résultat :**\
![](/files/8EcfDF0FTiTGzwBHuMRC)

</details>

<details>

<summary><strong>Dégradé</strong></summary>

Vous pouvez appliquer un dégradé de couleurs au texte en fonction des couleurs principales ou hexadécimales que vous définissez. Vous n'êtes pas limité dans le nombre de balises de couleur à intégrer, vous pouvez en ajouter autant que vous le souhaitez.\
\
Vous pouvez consulter la page des couleurs hexadécimales pour récupérer la valeur HEX d'une couleur.\
\
**Utilisation :** \
Dégradé de variation du blanc au noir (*si aucune couleur n'est définie*)`<gradient>||||||||||||||||||||||||</gradient>`\
![](/files/wVApdffIdANw3HGrcxQZ)\
\
Dégradé de couleur obtenu en mélangeant deux couleurs hexadécimales.\
`<gradient:#a188f8c:#c7cf9d>||||||||||||||||||||||||</gradient>`\
![](/files/GEaQFOfgNNaeTUyqrmtp)\
\
Dégradé de couleur obtenu en mélangeant deux couleurs hexadécimales et une couleur principale.\
`<gradient:#489eb5:#83cf38:yellow>||||||||||||||||||||||||</gradient>`\
![](/files/Z8ymmtQTxU57H7h2lHPp)\
\
**Exemple :** \
`<gradient:#489eb5:#83cf38:yellow:#ff63fc:yellow:#83cf38:#489eb5>Bienvenue sur ZenCraft !</gradient>`\
\
**Résultat :**\
![](/files/UIay9PH67j1XTPvF1gVj)<br>

</details>

{% hint style="danger" %}
Les balises `<italic>`, `<underlined>`, `<strikethrough>` et `<obfuscated>` ne sont pas utilisable.
{% endhint %}