Linie unter Avatar?

Entwickler
1

Hallo Leute, ich habe mich gefragt, ob jemand weiß, wie man eine Linie unter dem Avatar anzeigt. Ich habe das im Figma-Forum gesehen und finde, dass es ziemlich cool aussieht.

1 „Gefällt mir“
2

Willkommen, paranoya!

(Ein Beispiel-Link für Sigma als Referenz: https://forum.figma.com/t/introduce-yourself/102/2)

Das ist in der Tat eine schöne Anpassung.

Sie können sehen, wie sie das mit dieser Anleitung machen:

Sie wird Ihnen helfen, viele visuelle Anpassungen an Ihrem Forum vorzunehmen.

Bei Figma können wir das Zeilenelement wie folgt ansprechen:

image
image2498×1440 288 KB

Sie haben dies zu ihrem Theme-CSS hinzugefügt:

.topic-body:before {
    background-color: var(--surface-high-contrast);
    content: "";
    display: block;
    position: absolute;
    top: 64px;
    left: -26px;
    height: calc(100% - 72px);
    width: 2px;
}

Aber einige Werte müssen angepasst werden, damit es auf Ihrem eigenen Forum am besten aussieht.

Ihre vertikale Linie sieht großartig aus, weil sie auch die horizontale Linie zwischen den einzelnen Beiträgen entfernen.

.topic-body, .topic-avatar {
    border-top: 0;
    padding-top: 12px;
}

Mit ein paar Anpassungen können Sie etwas Ähnliches erreichen:

image
image825×1179 60.3 KB

1 „Gefällt mir“
3

Ich hätte nicht erwartet, so schnell eine Antwort zu bekommen. Vielen Dank!

2 „Gefällt mir“
4

Gern geschehen, wir helfen gerne! :hugs:

2 „Gefällt mir“
5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.