[Request] Mod/Owner Overlay on Posts

DRam

If it's possible to add a feature like this. It would be nice for gaming communities and other uses.

Picture Glow
Background Picture behind avatar

Examples:
http://forums.unknownworlds.com/discussion/comment/2187609#Comment_2187609
http://us.battle.net/wow/en/forum/topic/11913971864#1

Mod Overlay Posts.jpg

(Edited to add examples)

frissdiegurke

first point should be no more than adding

.topic .profile-image {
  box-shadow: 0 0 30px cyan;
}

or similar to custom css
not sure what you mean with second point but shouldn't be anything not able to do with custom css...
You can find the custom css within ACP/Themes/Customize

DRam

@frissdiegurke said:

first point should be no more than adding
.topic .profile-image {
  box-shadow: 0 0 30px cyan;
}
or similar to custom css
not sure what you mean with second point but shouldn't be anything not able to do with custom css...
You can find the custom css within ACP/Themes/Customize

How would you only allow it to be done only for Mod's/Owner and other high ranking groups/users.

I wouldn't want normal users having it. I wan't it to purely distinguish high ranking groups/users.

As for the second point I mean how would I put the "Blizzard" image being my avatar. (Again only for Mod's/Owner posts).

frissdiegurke

@DRam Ah, missed the title ^^ Within css you may only target single users like .topic .post-row[data-username="DRam"] .profile-image {.
+1 for adding more data like data-groups to .post-row if it doesn't exist yet

julian

Hm... in the core theme (lavender), right now, we don't have any facility to assign classes to users based on group (i.e. administrators). We don't pass in that information in the template, otherwise a theme would be able to take advantage of it. Perhaps we should, so we can do something like:

<!-- IF posts.moderator || posts.admin -->
Benevolent Dictator
<!-- ENDIF posts.moderator || posts.admin -->

julian

p.s. @psychobunny, what do you think?

p.p.s Do we even support || in IF?

DRam

@frissdiegurke said:

@DRam Ah, missed the title ^^ Within css you may only target single users like .topic .post-row[data-username="DRam"] .profile-image {.
+1 for adding more data like data-groups to .post-row if it doesn't exist yet

With that [data-username="DRam"] could I just add more users to it, like for example [data-username="DRam,DRam367,NodeBB,Example"] and so on?

frissdiegurke

@DRam said:

With that [data-username="DRam"] could I just add more users to it, like for example [data-username="DRam,DRam367,NodeBB,Example"] and so on?

CSS doesn't support anything as simple. You'd need to write it out like this

.post-row[data-username="DRam"] .profile-image, .post-row[data-username="DRam367"] .profile-image, .post-row[data-username="NodeBB"] .profile-image, .post-row[data-username="Example"] .profile-image {

psychobunny

+1 for adding more data like data-groups to .post-row if it doesn't exist yet

this.

currently there is very little information exposed to client-side on groups and membership status. basic implementation here though: https://github.com/designcreateplay/NodeBB/issues/868

kelso

Ahh, I like where this is going. I have custom CSS applied to certain groups right now on one of my other sites.. its a great feature.

psychobunny

yeah, even in the most basic sense, it would be nice to design usernames based on group status so that for ex. admins get a bold colour X, moderators get a semibold colour Y and regular users are colour Z

DRam

@psychobunny said:

yeah, even in the most basic sense, it would be nice to design usernames based on group status so that for ex. admins get a bold colour X, moderators get a semibold colour Y and regular users are colour Z

Yes that's exactly what I meant. Also if it were to be possible to create something like what Blizzard and Natural Selection 2 has...

Examples:
http://forums.unknownworlds.com/discussion/comment/2187609#Comment_2187609
http://us.battle.net/wow/en/forum/topic/11913971864#1

How Admins/Mods have a different post style background as well as their avatar background to be separated from normal users.