Apenas estoy empezando a usar las notificaciones del personal, pero me he dado cuenta de que son confusas en cuanto a a qué publicación se refieren. Creo que es muy difícil saber si se relaciona con la publicación de arriba o de abajo.
¿No tendría más sentido tenerla debajo del divisor que separa las publicaciones de esta manera?
Creo que esto se debe en parte al tema que estás usando. Las esquinas redondeadas en la parte inferior del aviso hacen que se sienta un poco desconectado de la publicación de abajo. ¿Creo que se ve mejor aquí en Meta con el tema predeterminado? (Añadí algunos avisos a este tema como ejemplo)
Gracias David, pero lo intenté sin tema y todavía no está claro. Los ejemplos que pusiste aquí son obvios porque uno es la primera publicación y el otro tiene el mapa del tema separándolo, una vez que pasas de ahí no hay forma de saber hacia dónde va si no estás familiarizado con él. Intenta esto, elimina esas notificaciones, respóndeme aquí y agrega una notificación a mi respuesta.
Quiero participar 
edit: Me parece correcto
Si acaso, el acolchado es un poco escaso:
Si quitas el aviso encima de la publicación de David, creo que es muy fácil confundir a qué publicación se refiere. Hoy le mostré esta función a mis moderadores y su reacción inmediata fue que no está nada claro.
(Me encontré con esta publicación antigua mientras revisaba algunas otras confusiones de avisos del personal…)
Siempre he pensado que la ubicación de los Avisos del Personal era potencialmente ambigua. Dado que los temas pueden manejar cosas como colores, bordes y divisores de manera diferente, probablemente sea difícil de resolver de esa manera.
Una alternativa que se puede aplicar globalmente a todos los avisos de publicaciones hoy en día es un CSS personalizado para insertar una flecha Unicode, ya sea antes del avatar:
.post-notice::before {
content: '🡇';
}
(O quizás más apropiadamente):
.post-notice::before {
content: " \\1F847";
}
…o antes del contenido del texto:
.post-notice p::before {
content: " \\1F847";
margin-right: .5rem;
}
Ooo — aquí tienes un truco para cambiar el color:
.post-notice p::before {
content: " \\1F847\\fe0e";
color: yellow;
margin-right: .5rem;
}
(Agregar \\fe0e a cualquier carácter Unicode renderiza una versión de texto que acepta color. Referencia.)
Y decidí que la flecha hacia abajo no se ve bien para un aviso en el tema principal, ya que obviamente está liderando el tema. Este CSS reemplaza la flecha con una viñeta solo para la primera publicación:
#post_1 .post-notice p::before {
content: " \\29BF\\fe0e";
color: yellow;
margin-right: .5rem;
}
¡Gran idea Todd! Me alegra no ser el único loco 
Tuve algunos problemas con la visualización de esa flecha hacia abajo, así que la modifiqué un poco, también la limpié y opté por el color terciario para compatibilidad con el tema.
.post-notice p::before {
content: "\2B07\FE0E";
color: var(--tertiary);
margin-right: .5rem;
}
#post_1 .post-notice p::before {
content: "\29BF\FE0E";
}
Debido a cómo se ordenan las publicaciones en un tema y cuando me desplazo, me parece natural y lógico esperar que se refiera a la publicación de abajo. La flecha es un buen detalle y una buena solución para indicar más. También puedes usar una referencia en el aviso del personal.
[cita=“Lilly, publicación:9, tema:258815”]
ya que las publicaciones aparecen en orden, las más recientes arriba, el aviso del personal se refiere a la publicación que está debajo
[/cita]
Sin ánimo de ofender, pero eso parece un “yo lo sé y estoy acostumbrado, así que me resulta evidente”. Yo diría que el aviso del personal obviamente solo puede haberse colocado DESPUÉS de que la publicación se haya publicado. Entonces, se siente natural esperar que el aviso del personal esté después, si las cosas van “en orden”.
Personalmente, creo que @davidkingham definitivamente tiene un punto: es ambiguo. Sería mejor si pudiera aparecer más claro para cualquiera a primera vista. Lo cual no es realmente el caso, aquí (si se quiere en la parte superior de las publicaciones, el aviso del personal debajo del nombre del autor lo haría extra claro, por ejemplo. Eso puede ser técnicamente más complicado o no gustar por otras razones).
Para algunos temas (como el tema Meta Branded que estoy usando ahora mismo), el aviso del personal está debajo de la línea que separa las publicaciones, por lo que está claro a qué publicación se refiere el aviso.
¿Quizás otros temas podrían adoptar esto también?
eso podría ser muy bien. 
Creo que lo que estaba tratando de decir (pero mal) es que parece lógico cuando me desplazo por un tema que se refiere a la publicación de abajo, a pesar del orden lógico cronológico de las publicaciones.
¿Por qué el primer aviso del personal no tiene una línea, pero los demás sí?
Personalmente, no uso avisos del personal debido al problema que se discute aquí. Intenté darle más visibilidad, pero mover a la derecha es probablemente una necesidad.
Hola, ¿cómo puedo mostrar los avisos del personal debajo de la publicación en lugar de encima?
Disculpe, ¿hay alguna forma de hacerlo con CSS?
Personalmente, también creo que sería más lógico colocar los avisos DESPUÉS de la publicación. Aún no he encontrado una forma sencilla de moverlos allí y, como solución temporal, añadí este estilo CSS:
.post-notice.custom {
background: linear-gradient(to bottom, rgb(255 0 5) 0%, rgba(255, 137, 139, 0.2) 2%, rgba(255, 137, 139, 0) 70%);
}
Ahora los avisos se ven así:
Gracias a la dirección del degradado, queda intuitivamente claro dónde está su “continuación lógica”.
Tenga en cuenta que utilicé una regla con la clase .custom, ya que esta clase no se aplica a los avisos automáticos, que se crean, por ejemplo, cuando un usuario escribe su primer mensaje o escribe después de un largo período. Para tales casos, podemos usar otros colores de degradado.
Por cierto, me gustaría saber si hay alguna forma de ver qué otras clases puede haber para los avisos y si la clase .custom se aplica solo a los avisos del personal o en algún otro lugar.
