# Rendre les tags ressemblant à des tags du monde réel

**URL:** <https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237>\
**Category:** UX\
**Created:** [Octobre 23, 2018, 7:40 UTC](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237 "2018-10-23T07:40:38Z")\
**Posts on this page:** 1\
**Showing post:** 12

<div class="post-metadata">

**Author:** ![AntiMetaman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/antimetaman/32/186978_2.png) [@AntiMetaman](https://meta.discourse.org/u/AntiMetaman)\
**Post date:** [Août 2, 2020, 10:46 UTC](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237/12 "2020-08-02T22:46:24Z")

</div>

Pour moi, cela a fonctionné, mais ce n’était pas `.discourse-tag.bullet::before` mais ceci :

```css
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");
    .discourse-tag.box::before {
        top: 0em;
        margin-right: 5px;
        content: "\f02b";
        color: #bbbdbb;
        background: none;
        height: 16px; /* Vous devrez peut-être ajuster cela un peu pour la vue mobile */
      
        font-weight: 900;
        font-size: 0.9em;
        font-family: "Font Awesome 5 Free"; /* C'est la bonne famille de polices */
    }
   .extra-info-wrapper .discourse-tag.box {
        background:none;
    }
    .discourse-tag.box {
        background:none;
    }

```

---

_[View the full topic](https://meta.discourse.org/t/making-tags-look-like-real-world-tags/100237)._
