[Request] Mod/Owner Overlay on Posts

Feature Requests
  • 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:

    Mod Overlay Posts.jpg

    (Edited to add examples)

  • 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 😉

  • @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).

  • @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

  • 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 -->
    
  • p.s. @psychobunny, what do you think?

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

  • @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?

  • @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 {
    
  • +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

  • 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.

  • 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

  • @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:

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


Suggested Topics


  • New Feature request

    Feature Requests
    0 Votes
    1 Posts
    170 Views
  • 1 Votes
    2 Posts
    1033 Views
  • 2 Votes
    1 Posts
    1043 Views
  • 0 Votes
    3 Posts
    1230 Views
  • 0 Votes
    1 Posts
    623 Views