# 以两个为一组显示用户，而不是常发帖者

**URL:** <https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840>\
**Category:** Support\
**Created:** [2017年五月17日 01:10 UTC](https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840 "2017-05-17T01:10:07Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![sulliops](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sulliops/32/571951_2.png) [@sulliops](https://meta.discourse.org/u/sulliops)\
**Post date:** [2017年五月17日 01:10 UTC](https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840/1 "2017-05-17T01:10:07Z")

</div>

I have my production version of Discourse running on [discourse.sulliops.co](https://discourse.sulliops.co), but I want to keep the list of users in a topic from being any more than two.

On my forum (and the Meta), the Users list is shown like the screenshot below, with the original poster, frequent posters, and most recent poster.

![](https://global.discourse-cdn.com/meta/original/3X/d/3/d3cf52dce3d3103126728964fe63c68e30ceefee.png)

I want it to look like below, with the original poster, and the most recent poster.

![](https://global.discourse-cdn.com/meta/original/3X/6/2/625a856ff2e89d90fd58a253a2ff40303114abb1.png)

If this is a JS hack, please also include instructions on how to edit this, because I know nothing about doing so. If it’s a setting, I’m blind so feel free to let me know 😀

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2017年五月17日 02:49 UTC](https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840/2 "2017-05-17T02:49:44Z")

</div>

AFAIK, support for the CSS pseudo “not” is still poor.  
Try targeting all 5 avatars and `display: none` them.  
Follow that with CSS that targets the avatars you want to display only those.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2017年五月17日 03:08 UTC](https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840/3 "2017-05-17T03:08:26Z")

</div>

```css
/* hide all avatars */
.topic-list .posters a {
    display: none;
}

/* display first avatar in list */
.topic-list .posters a:first-of-type {
    display: inherit;
}

/* display last avatar in list */
.topic-list .posters a:last-of-type {
    display: inherit;
}

```

Admin, Customize, CSS/HTML

---

<div class="post-metadata">

**Author:** ![sulliops](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sulliops/32/571951_2.png) [@sulliops](https://meta.discourse.org/u/sulliops)\
**Post date:** [2017年五月17日 12:16 UTC](https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840/4 "2017-05-17T12:16:51Z")

</div>

This worked, thanks!!

---

<div class="post-metadata">

**Author:** ![sulliops](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sulliops/32/571951_2.png) [@sulliops](https://meta.discourse.org/u/sulliops)\
**Post date:** [2017年五月26日 02:45 UTC](https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840/5 "2017-05-26T02:45:50Z")

</div>

Regarding this, the code you gave me made it so that only two users are shown, but I want it so that first is the original poster, and last is the most recent poster, none of this “frequent poster” stuff. At first it seemed like it was fine, but now if the original poster replies, the second user in the list becomes a frequent poster.

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2017年五月26日 03:09 UTC](https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840/6 "2017-05-26T03:09:46Z")

</div>

That is exactly how it works. First and last. Take a look at the topics in the topic list here if you don’t believe me.

---

<div class="post-metadata">

**Author:** ![sulliops](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sulliops/32/571951_2.png) [@sulliops](https://meta.discourse.org/u/sulliops)\
**Post date:** [2017年五月26日 03:15 UTC](https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840/7 "2017-05-26T03:15:20Z")

</div>

![](https://global.discourse-cdn.com/meta/original/3X/a/c/ac6215df9f81485343778aaece2e3eb4a801359c.png)

What does this tell you though? When I hover over the system icon it shows, “Original Poster, Most Recent Poster.” Then my icon shows “Frequent Poster” when I hover over it.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2017年十二月28日 00:17 UTC](https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840/8 "2017-12-28T00:17:40Z")

</div>

Ahh,

You would do something like

```plaintext
/* hide all avatars */
.topic-list .posters a {
    display: none;
}

/* display first avatar in list */
.topic-list .posters a:first-of-type {
    display: inherit;
}

/* display avatar of latest */
.topic-list .posters .latest {
    display: inherit;
}

```

Not `a:last-of-type` cause it could target frequent.

---

<div class="post-metadata">

**Author:** ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)\
**Post date:** [2024年六月8日 12:43 UTC](https://meta.discourse.org/t/show-users-as-list-of-two-not-frequent-posters/62840/9 "2024-06-08T12:43:42Z")

</div>

此主题已在 2579 天后自动关闭。不再允许回复。
