Linea sotto l'avatar?

Sviluppatore
1

Ciao ragazzi, mi stavo chiedendo se qualcuno sapesse come visualizzare una linea sotto l’avatar. L’ho visto sul forum di Figma e penso che sembri piuttosto fico.

1 Mi Piace
2

Benvenuto paranoya!

(un link di esempio di sigma come riferimento: https://forum.figma.com/t/introduce-yourself/102/2)

È davvero una bella personalizzazione.

Puoi vedere come lo fanno usando questa guida:

Ti aiuterà a fare molte personalizzazioni visive sul tuo forum.

Su Figma, possiamo puntare all’elemento linea in questo modo:

image
image2498×1440 288 KB

Hanno aggiunto questo al CSS del loro tema:

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

Ma alcuni valori devono essere aggiustati in modo che appaia al meglio sul tuo forum.

La loro linea verticale sembra fantastica perché hanno anche eliminato la linea orizzontale tra ogni post.

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

Con un po’ di ritocco, puoi ottenere qualcosa di simile:

image
image825×1179 60.3 KB

1 Mi Piace
3

Non mi aspettavo di ricevere una risposta così velocemente. Grazie mille!

2 Mi Piace
4

Prego, siamo qui per aiutarti! :hugs:

2 Mi Piace
5

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