# Fun with flairs

**URL:** https://meta.discourse.org/t/fun-with-flairs/275486
**Category:** Community Building
**Created:** [August 16, 2023, 11:24pm UTC](https://meta.discourse.org/t/fun-with-flairs/275486 "2023-08-16T23:24:18Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Octoberon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/octoberon/32/288382_2.png) [@Octoberon](https://meta.discourse.org/u/Octoberon)
#### Post date: [August 16, 2023, 11:24pm UTC](https://meta.discourse.org/t/fun-with-flairs/275486/1 "2023-08-16T23:24:19Z")

</div>

I run an international forum and thought it might be interesting/helpful if users could choose a flair that’s the flag for their country.

I can’t see a way to implement this other than creating groups for each country and getting people to join the appropriate one. It’s a non-technical forum and groups haven’t really registered with most of them so it probably wouldn’t work too well in practice. They would expect a way to do this in their user profile.

I’d also like to have the flair top-left, not bottom right, and I can’t see any way to do that other than with the [Trust Level Avatar Flair](https://meta.discourse.org/t/trust-level-avatar-flair/82656) theme component, which isn’t really what I’m looking for.

Would this require a new theme component to achieve, or some other solution?

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [August 16, 2023, 11:49pm UTC](https://meta.discourse.org/t/fun-with-flairs/275486/2 "2023-08-16T23:49:48Z")

</div>

the user status setting can do something like this, but of course that isn’t its function.  
i suspect the component could be altered for a flag status component. see my status for an example. not quite the same as a flair though.

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [August 16, 2023, 11:52pm UTC](https://meta.discourse.org/t/fun-with-flairs/275486/3 "2023-08-16T23:52:42Z")

</div>

Have you seen

> [@National Flags](https://meta.discourse.org/t/national-flags-display-user-nationality-in-discourse/55969):
>
> warning This plugin is broken, use the fork instead [National Flags (fork)](https://meta.discourse.org/t/national-flags-fork/384423) warningInspired by [the phpBB Plugin](https://www.phpbb.com/customise/db/extension/phpbb_3.1_national_flags/), I’ve put together a similar plugin for Discourse. After installing and enabling in Admin/Plugins, users will have a new custom setting called ‘National Flag’. After selecting a country code from the dropdown, the flag image will be displayed alongside their name in topics and also displayed on their user profile. In its current state, it’s fairly ‘hacky’ and t…

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [August 16, 2023, 11:55pm UTC](https://meta.discourse.org/t/fun-with-flairs/275486/4 "2023-08-16T23:55:08Z")

</div>

👆🏻 that. was just searching for that plug-in.

---

<div class="post-metadata">

### Author: ![Octoberon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/octoberon/32/288382_2.png) [@Octoberon](https://meta.discourse.org/u/Octoberon)
#### Post date: [August 17, 2023, 7:24am UTC](https://meta.discourse.org/t/fun-with-flairs/275486/5 "2023-08-17T07:24:20Z")

</div>

Aha! I spent ages searching for all sorts of variants on ‘flair’ but not ‘flags’. I’ll take a look at that later. Thank you!

---

<div class="post-metadata">

### Author: ![michellefs](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/michellefs/32/234543_2.png) [@michellefs](https://meta.discourse.org/u/michellefs)
#### Post date: [August 17, 2023, 4:37pm UTC](https://meta.discourse.org/t/fun-with-flairs/275486/6 "2023-08-17T16:37:27Z")

</div>

Without any additional plugins (⬆ that one is from 5 years ago), users can now [⬇ update their status](https://meta.discourse.org/t/user-status/240335) (since last October):

 ![Flag / Nationality emoji in a Custom User Status](https://global.discourse-cdn.com/meta/original/4X/0/8/0/080be04d414a1dd4545c83c7149d78f888f515a9.png)

---

<div class="post-metadata">

### Author: ![Octoberon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/octoberon/32/288382_2.png) [@Octoberon](https://meta.discourse.org/u/Octoberon)
#### Post date: [August 20, 2023, 2:04pm UTC](https://meta.discourse.org/t/fun-with-flairs/275486/7 "2023-08-20T14:04:50Z")

</div>

Ah, I think I may have led myself up the garden path a little. 🙂 Is there any method to display flairs in a location other than bottom-right? That custom status is akin to an ‘away’ message you might put on IM. My use case is slightly different.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [August 20, 2023, 2:24pm UTC](https://meta.discourse.org/t/fun-with-flairs/275486/8 "2023-08-20T14:24:20Z")

</div>

> [@Octoberon](#):
>
> Is there any method to display flairs in a location other than bottom-right

in common-css, use this and adjust the bottom/top and left/right properties number for fine positioning. for example this is the code if you want the flair in top right instead.

```scss
.latest-topic-list-item .topic-poster .avatar-flair {
    position: absolute;
    top: 0px;
    right: 10px;
}

```

while this is the default bottom right:

```scss
.latest-topic-list-item .topic-poster .avatar-flair {
    position: absolute;
    bottom: 0;
    right: 10px;
}

```

bottom left:

```scss
.latest-topic-list-item .topic-poster .avatar-flair {
    position: absolute;
    bottom: 0;
    left: 0px;
}

```

top left:

```scss
.latest-topic-list-item .topic-poster .avatar-flair {
    position: absolute;
    top: 0;
    left: 0;
}

```

Also, the display nationality plugin flags that Falco linked above aren’t going to be flairs.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [August 20, 2023, 2:37pm UTC](https://meta.discourse.org/t/fun-with-flairs/275486/9 "2023-08-20T14:37:53Z")

</div>

yea that’s exactly what i pointed out in my first reply.

> [@Lilly](#):
>
> the user status setting can do something like this, but of course that isn’t its function.
