Hola chicos, me preguntaba si alguien sabe cómo mostrar una línea debajo del avatar. Lo vi en el foro de Figma y creo que se ve bastante genial.
¡Bienvenido paranoya!
(un enlace de ejemplo de sigma como referencia: https://forum.figma.com/t/introduce-yourself/102/2)
Es realmente una buena personalización.
Puedes ver cómo lo hacen usando esta guía:
Te ayudará a realizar muchas personalizaciones visuales en tu foro.
En Figma, podemos apuntar al elemento de línea de esta manera:
Agregaron esto al CSS de su 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;
}
Pero algunos valores deben ajustarse para que se vea mejor en tu propio foro.
Su línea vertical se ve genial porque también eliminaron la línea horizontal entre cada publicación.
.topic-body, .topic-avatar {
border-top: 0;
padding-top: 12px;
}
Con un pequeño ajuste, puedes lograr algo como esto:
No esperaba recibir una respuesta tan rápido. ¡Muchas gracias!
De nada, ¡estamos para ayudar! ![]()
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

