# Füge \\u003cabbr\\u003e-Tags zu Wörtern in Beiträgen hinzu

**URL:** <https://meta.discourse.org/t/add-abbr-tags-to-words-in-posts/88394>\
**Category:** Theme component\
**Created:** [24. Mai 2018 um 18:03 UTC](https://meta.discourse.org/t/add-abbr-tags-to-words-in-posts/88394 "2018-05-24T18:03:10Z")\
**Posts on this page:** 1\
**Showing post:** 30

<div class="post-metadata">

**Author:** ![Aizada\_M](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/aizada_m/32/352050_2.png) [@Aizada\_M](https://meta.discourse.org/u/Aizada_M)\
**Post date:** [5. Oktober 2023 um 15:48 UTC](https://meta.discourse.org/t/add-abbr-tags-to-words-in-posts/88394/30 "2023-10-05T15:48:05Z")

</div>

Nachdem ich einen halben Tag lang herumgebastelt hatte, konnte ich den Code mit dem [Discourse AI](https://meta.discourse.org/t/discourse-ai/259214) Bot von @Falco 💪 erstellen.  
Ich erhalte seit zwei Wochen Hilfe von einem Bot, sei es hier auf Meta (um die Bedeutung der Anfrage zu suchen) oder auf meiner Website beim Schreiben dieses oder jenes Codes. Hier ist der Code, den ich zusammenstellen konnte, um das obige Problem zu lösen:

```plaintext
abbr[title] {
    position: absolute;
    background: transparent; /* Прозрачный фон в неактивном состоянии */
    overflow: visible; /* Позволяет содержимому выходить за границы элемента */
}

@media (prefers-color-scheme: light) {
    abbr[title] {
        color: var(--primary); /* White or black hue for the script? */
    }
}
abbr[title]:hover {
    background: #FF6; /* Upon hovering, the background bathes in a vibrant hue of yellow.*/
}
abbr[title]:hover:after {
    content: " " attr(title) "";
    position: absolute;
    border-radius: 3px;
    bottom: 70%; /* Alter this value to control the discrepancy. */
    left: 0;
    width: 250px; /* Fixed breadth */
    height: auto; /*"Adjustable elevation" */
    padding: 2px;
    z-index: 9;
    background: #00FF00; /* Specify the background hue for the commentary. */
    color: #333;
    margin-bottom: 10px; /* Incorporate a lower margin to forge a separation. */
}

```

Ich hinterlasse das hier; vielleicht findet es jemand nützlich 🙂

Ps. Seien Sie nachsichtig, falls Sie einen Fehler im Code finden, da ich keineswegs von Beruf Softwareentwickler bin.

---

_[View the full topic](https://meta.discourse.org/t/add-abbr-tags-to-words-in-posts/88394)._