# Wie man das avatar\_template in den Beitragstext verschiebt

**URL:** https://meta.discourse.org/t/how-to-move-the-avatar-template-inside-the-topic-body/344096
**Category:** Development
**Tags:** css
**Created:** [23. Dezember 2024 um 19:10 UTC](https://meta.discourse.org/t/how-to-move-the-avatar-template-inside-the-topic-body/344096 "2024-12-23T19:10:34Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![katruki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/katruki/32/355908_2.png) [@katruki](https://meta.discourse.org/u/katruki)
#### Post date: [23. Dezember 2024 um 19:10 UTC](https://meta.discourse.org/t/how-to-move-the-avatar-template-inside-the-topic-body/344096/1 "2024-12-23T19:10:34Z")

</div>

Hallo, ich erstelle gerade ein benutzerdefiniertes Thema für meine Community. Ich versuche, den Benutzeravatar in den Thema-Body zu verschieben (ich werde Screenshots posten, wie es derzeit aussieht im Vergleich zu dem, was ich suche). Ich benutze das Plugin, um Discourse-Outlets anzuzeigen, aber ich sehe kein Outlet, um dies möglicherweise zu tun. Etwas Unterstützung hierbei wäre eine große Hilfe!

Aktuell:

 ![Ein Test-Reply auf eine Nachricht, der vorschlägt, dass es gut aussieht. (Beschriftet von KI)](https://global.discourse-cdn.com/meta/original/4X/5/3/b/53b89ec2dcbf9be2f64be54d28b384dc97307afd.png)

Gewünscht:

 ![Bild](https://global.discourse-cdn.com/meta/original/4X/2/e/6/2e626e5f44501071d16a5e59c91600d4ce7c6b8b.png)

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [25. Dezember 2024 um 00:21 UTC](https://meta.discourse.org/t/how-to-move-the-avatar-template-inside-the-topic-body/344096/2 "2024-12-25T00:21:10Z")

</div>

Ihre 2. SS-Anfrage. Ist dies auf einer anderen Diskussionsseite?

Wenn ja, können Sie vielleicht mit dem Inspektor-Element Ihres Browsers sehen, wie sie es gemacht haben.

---

<div class="post-metadata">

### Author: ![katruki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/katruki/32/355908_2.png) [@katruki](https://meta.discourse.org/u/katruki)
#### Post date: [25. Dezember 2024 um 03:03 UTC](https://meta.discourse.org/t/how-to-move-the-avatar-template-inside-the-topic-body/344096/3 "2024-12-25T03:03:32Z")

</div>

Ja, das ist es, [https://forums.unrealengine.com/](https://forums.unrealengine.com/) Ich habe versucht, es so zu machen, konnte es aber nicht herausfinden.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [26. Dezember 2024 um 09:06 UTC](https://meta.discourse.org/t/how-to-move-the-avatar-template-inside-the-topic-body/344096/4 "2024-12-26T09:06:09Z")

</div>

Hallo 👋  
Hier ist ein Beispiel, das ich gerade erstellt habe, es ist wahrscheinlich nicht perfekt, aber Sie können es anpassen…

Desktop / CSS

```scss
.topic-post {
  margin-bottom: 1em;
  > article > .row {
    background-color: var(--secondary);
    box-shadow: 0 0 0 1px var(--primary-low);
    border-radius: 1em;
    padding: 1em;

    .topic-avatar {
      border: none;
    }
    .topic-body {
      background: none;
      border: none;
      box-sizing: border-box;
      width: 100%;
      padding: 1em;
    }
  }

  .post-menu-area {
    margin: 1em 0 0;
  }
}

// PM
.archetype-private_message {
  .regular.contents {
    border: none;
  }

  .topic-map {
    padding-left: 1em;
    padding-bottom: 0.25em;
  }

  .topic-post {
    margin-bottom: 1em;
  }

  // use current-user post highlight on full row
  .topic-post {
    &.current-user-post {
      > article > .row {
        background: var(--tertiary-very-low);
        box-shadow: 0 0 0 1px var(--tertiary-very-low);
      }
    }
    .regular.contents {
      background: none;
      border-color: none;
    }
  }
}

// Timeline
.topic-navigation.with-timeline {
  width: 150px;
}
.container.posts {
  // ensure to keep the post full width
  grid-template-columns: 1fr auto;

  .topic-navigation {
    margin-right: -2em;
    padding-left: 2em;
  }
}

// Topic map
.topic-map {
  &.--op,
  &.--bottom {
    padding: 1em 1em 0;
    max-width: 100%;
    border-top: none;
    border-bottom: none;
  }
}

// Small action
.small-action {
  .topic-avatar,
  .small-action-desc {
    border-top: none;
    padding-top: 0;
  }
  .topic-avatar:empty {
    display: none;
  }
  .small-action-desc {
    width: calc(100% - 1em);
  }
}

// Topic bottom
.topic-area {
  > .loading-container {
    width: 100%;
  }
}
.topic-status-info,
.topic-timer-info {
  max-width: 100%;
}

```

---

<div class="post-metadata">

### Author: ![katruki](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/katruki/32/355908_2.png) [@katruki](https://meta.discourse.org/u/katruki)
#### Post date: [29. Dezember 2024 um 21:18 UTC](https://meta.discourse.org/t/how-to-move-the-avatar-template-inside-the-topic-body/344096/5 "2024-12-29T21:18:11Z")

</div>

Hallo, Don! Vielen Dank für das Beispiel. Es wird sehr helfen, ich werde dies zu meinem Thema hinzufügen.