Don
2 Diciembre, 2020 09:17
1
Hola,
Sería realmente bueno para temas importantes… donde los usuarios sepan cuándo responde el OP. Aparecería una insignia de Autor en las respuestas del OP…
Lo hice con CSS, pero creo que esto podría ser una característica principal o un componente de tema.
Apunto a la clase .topic-owner, pero estoy seguro de que hay una forma más elegante. Así
¡Gracias!
En escritorio apunto a la clase .names
.topic-owner article .row .topic-body .topic-meta-data .names::after {
content: "Autor";
color: var(--secondary);
background: var(--secondary-medium);
padding: 0px 8px;
border-radius: 8px;
}
// Ocultar de publicaciones incrustadas
.topic-owner article .row .embedded-posts .topic-body .topic-meta-data .names::after {
content: "";
}
Se ve así
En móvil apunto a la clase .first
.topic-owner article .row .topic-body .topic-meta-data .names .first::after {
content: "Autor";
color: var(--secondary);
background: var(--secondary-medium);
margin-left: 4px;
padding: 0px 8px;
border-radius: 6px;
}
Se ve así
Si quieres verlo en vivo Acabo de elegir un tema de mi sitio. El único cambio es que la etiqueta de Autor está en húngaro.
Sziasztok! 🙂 Ez az idő is elérkezett 🙂 A mostani helyzetjelentés a 2.0! Ez történt mostanában! ⬇ 1. Átállás Tegnapelőtt hajnalban megtörtént az első része az átállásnak. Egy új szerverre került Vaperina 🙂 Most maga a rendszer került...
Reading time: 2 mins 🕑
Likes: 39 ❤
pfaffman
(Jay Pfaffman)
2 Diciembre, 2020 15:55
2
Eso es bastante genial. ¿Es público tu foro? ¿Puedes editar tu publicación y agregar un enlace a ese tema?
Don
2 Diciembre, 2020 16:06
3
Hola @pfaffman ,
He añadido el enlace. Gracias
riking
(Kane York)
5 Diciembre, 2020 01:15
4
Quizás quieras considerar omitir esto en el primer post, ¡porque eso siempre provendrá del creador del tema!
Edición de CSS:
Don
5 Diciembre, 2020 09:35
5
¡Gracias, Kane! Es un buen punto, lo usaré
Don
4 Julio, 2021 11:21
6
¡Pequeña actualización!
Escritorio
// Propietario del tema
.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names::after {
content: "Autor";
color: var(--secondary);
font-weight: bold;
background: var(--secondary-medium);
padding: 0px 8px;
border-radius: 8px;
line-height: normal;
}
Móvil
// Propietario del tema
.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names .first:after {
content: 'Autor';
color: var(--secondary);
background: var(--secondary-medium);
margin-left: 4px;
padding: 0px 8px;
border-radius: 6px;
line-height: normal;
}
Vinculación del nuevo componente temático