# Astuces

Les astuces, ou encadrés d’appel, sont un excellent moyen d’attirer l’attention du lecteur sur des éléments spécifiques de votre documentation, comme des conseils, des avertissements et d’autres informations importantes.

Il existe quatre styles d’astuces différents — vous pouvez modifier le style en ouvrant le bloc **menu Options** <picture><source srcset="broken-reference" media="(prefers-color-scheme: dark)"><img src="https://3903131528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FaS1QvPIBVYwhpFTGcPBN%2Foptions-menu.svg?alt=media&#x26;token=3ee40bbf-f4fb-41fa-aa30-306b559cbe88" alt="The Options menu icon in GitBook"></picture> et en sélectionnant le style souhaité. Chaque style utilise une icône par défaut, mais vous pouvez personnaliser l’icône en cliquant dessus et en en choisissant une autre dans [notre مجموعه d’icônes](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/formatting/inline#icons).

Les blocs d’astuce prennent en charge [le contenu en ligne](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/creating-content/formatting/inline) et [la mise en forme](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/creating-content/formatting), ainsi que certains types de blocs spécifiques. Pour voir quels types de blocs vous pouvez utiliser dans une astuce, appuyez sur `/` sur une ligne vide et consultez la [palette d’insertion](https://gitbook-v2-q67etdj25-gitbook.vercel.app/url/gitbook.com/docs/documentation/fr/creating-content/blocks/..#inserting-a-new-content-block).

### Exemples de blocs d’astuce <a href="#example-of-a-hint" id="example-of-a-hint"></a>

{% hint style="info" %}
**Les astuces d’information** sont idéales pour afficher des informations générales ou donner des conseils et des astuces.
{% endhint %}

{% hint style="success" %}
**Les astuces de réussite** sont utiles pour montrer des actions positives ou des réussites.
{% endhint %}

{% hint style="warning" %}
**Les astuces d’avertissement** sont utiles pour afficher des informations importantes ou des avertissements non critiques.
{% endhint %}

{% hint style="danger" %}
**Les astuces de danger** sont utiles pour mettre en évidence des actions destructrices ou attirer l’attention sur des informations critiques.
{% endhint %}

{% hint style="info" icon="books" %}
Ce bloc d’astuce a une icône personnalisée.
{% endhint %}

{% hint style="info" %}

### **Voici un titre H2**

Voici une ligne

Voici une <img src="https://3903131528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2F0FzoF68PAY3Rv297meNB%2Fcommand.svg?alt=media&#x26;token=b07ff261-6e28-4879-8ab1-039a49f6ab41" alt="The Apple computer command icon" data-size="line"> image

* Voici une deuxième <mark style="color:orange;background-color:purple;">ligne utilisant une liste non ordonnée et la couleur</mark>
  {% endhint %}

Pour ajouter un titre à votre astuce, vous devez créer un bloc de titre comme premier bloc de l’astuce.

### Représentation en Markdown

```markdown
{% hint style="info" %}
**Les astuces d’information** sont idéales pour afficher des informations générales ou donner des conseils et des astuces.
{% endhint %}

{% hint style="success" %}
**Les astuces de réussite** sont utiles pour montrer des actions positives ou des réussites.
{% endhint %}

{% hint style="warning" %}
**Les astuces d’avertissement** sont utiles pour afficher des informations importantes ou des avertissements non critiques.
{% endhint %}

{% hint style="danger" %}
**Les astuces de danger** sont utiles pour mettre en évidence des actions destructrices ou attirer l’attention sur des informations critiques.
{% endhint %}

{% hint style="info" %}

{% hint style="info" icon="books" %}
Ce bloc d’astuce a une icône personnalisée.
{% endhint %}

## Voici un titre H2

Voici une ligne

Voici une image en ligne <img src="../../.gitbook/assets/25_01_10_command_icon_light.svg" alt="L’icône de commande de l’ordinateur Apple" data-size="line">

- Voici une deuxième <mark style="color:orange;background-color:purple;">ligne utilisant une liste non ordonnée et la couleur</mark>
{% endhint %}
```
