neo
(R.Zhang)
Juillet 3, 2021, 12:16
1
Bonjour,
J’aimerais que l’auteur du sujet soit affiché avec un titre (attributs ?) « author » à droite du nom d’utilisateur.
Si l’auteur du sujet a répondu à un message, le mot « author » s’affichera alors à droite.
Voici à quoi cela ressemble :
ou
Quelqu’un pourrait-il m’indiquer comment faire ?
Merci beaucoup !
neo
(R.Zhang)
Juillet 4, 2021, 9:26
2
Voici quelques réflexions que j’ai eues, mais je ne sais pas comment les mettre en œuvre.
si quelqu’un = créateur du sujet dans un sujet
alors affichez “auteur” à droite du nom d’utilisateur
sinon, n’affichez rien
Voici un code que j’ai obtenu la dernière fois pour afficher le numéro de publication ; je pense qu’il pourrait être similaire à celui-ci.
a.post-date span {
margin-right: 1em;
}
a.post-date:after {
content: attr(data-post-number)“post”;
}
Don
Juillet 4, 2021, 11:07
3
neo
(R.Zhang)
Juillet 4, 2021, 12:54
4
Merci beaucoup ! C’est exactement ce que j’attendais !
Voici ma personnalisation basée sur votre code.
Et je remarque que l’“auteur” est masqué après les autres répondants sur ordinateur. Dans mon cas, cela ressemble à ceci :
// Masquer dans les publications intégrées
.topic-owner article .row .embedded-posts .topic-body .topic-meta-data .names::after {
content: “”;
border: none;
padding: none;
}
Mais cela ne semble pas nécessaire sur mobile, pourquoi ?
Don
Juillet 4, 2021, 1:19
5
Content de que cela vous plaise
Si vous utilisez les nouvelles réponses filtrées (ce que Meta utilise également) sur votre Discourse, alors vous n’avez pas besoin d’utiliser la ligne :
// Hide from embedded posts
.
.
.
Utilisez uniquement ces lignes
Little update!
Desktop
// Topic Owner
.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names::after {
content: "Author";
color: var(--secondary);
font-weight: bold;
background: var(--secondary-medium);
padding: 0px 8px;
border-radius: 8px;
line-height: normal;
}
Mobile
// Topic Owner
.topic-post.topic-owner article:not(#post_1) .row .topic-body .topic-meta-data .names .first:after {
content: 'Author';
…
Parce que la fonction des réponses intégrées n’était pas activée par défaut sur mobile.