1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Staff have posted indicator

This displays an indicator to the right when a staff have posted.

  1. Shelley

    Shelley Well-Known Member

    Shelley submitted a new resource:

    Staff have posted indicator - This displays an indicator to the right when a staff have posted.

    Read more about this resource...
     
    Divvens and resonansER like this.
  2. RoldanLT

    RoldanLT Well-Known Member

    Very nice implementation Shelley (y)
     
  3. RoldanLT

    RoldanLT Well-Known Member

    Quote's don't have margin, How to adjust the css?

    Edit: Fixed it.
     
  4. Shelley

    Shelley Well-Known Member

    quotes seem fine on mine.

    Screenshot_3.png
    Try adding some margin-left: 10px; in the indicator code.

    edit: margin-left may not work. you must have modified your quote boxes?
     
    RoldanLT likes this.
  5. RoldanLT

    RoldanLT Well-Known Member

    margin-left works for me :)
    Thanks !
     
  6. Lisa

    Lisa Well-Known Member

    Nice edit :) How does it work for those people who are being sneaky and not being listed as staff? :D
     
  7. Shelley

    Shelley Well-Known Member

    The .staff class (brogan confirmed) doesn't get applied if they're hidden so in theory it shouldn't display. :D I hope.
     
    Lisa likes this.
  8. Steve F

    Steve F Well-Known Member

    Correct, it does not display if "Display user as staff" is not checked :)
     
  9. Shelley

    Shelley Well-Known Member

    Confirmed just tested. It won't display the indicator.
     
  10. Lisa

    Lisa Well-Known Member

    Awesome! (y) Still.. could have been funny to see the shock and outrage should someone have applied it and a hidden staff member suddenly was not so hidden any more :D.... or maybe that's just me :whistle:
     
    Shelley likes this.
  11. Shelley

    Shelley Well-Known Member

    lol - Initially I thought this was something Mike may have overlooked and something of a bit of a flaw but it shows the fine attention to detail shown which (i'm easily pleased) which I was impressed with. But I thought the same initially before @Brogan confirmed that when I had a blonde moment issue I overlooked.
     
    Lisa likes this.
  12. akhilaniyan

    akhilaniyan Active Member

  13. RoldanLT

    RoldanLT Well-Known Member

  14. akhilaniyan

    akhilaniyan Active Member

    like this?

    .message.staff .messageContent:before {
    float: right;
    content:"STAFF";
    font-size: 16px;
    font-family: 'Georgia';
    padding: 5px 10px;
    background-color: #90d666;
    border: 1px solid #6ea84a;
    border-radius: 3px;
    color: white;
    text-shadow: 0 0 3px #54803a;
    z-index: 20000;
    }

    not working!
     
  15. RoldanLT

    RoldanLT Well-Known Member

    Add: position:relative;
     
  16. RoldanLT

    RoldanLT Well-Known Member

    This code should work:
    Code:
    .message.staff .messageContent:before {
    float: right;
    content: "STAFF";
    font-size: 16px;
    font-family: 'Georgia';
    padding: 5px 10px;
    background-color: #90d666;
    border: 1px solid #6ea84a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    color: white;
    text-shadow: 0 0 0 transparent, 0 0 3px #54803a;
    z-index: 100;
    position: relative;
    }
     
    akhilaniyan likes this.
  17. akhilaniyan

    akhilaniyan Active Member

    That worked perfectly!

    Thanks!
     
  18. Blaze

    Blaze New Member

    can we apply this to another groups?
     
  19. Jeremy

    Jeremy XenForo Moderator Staff Member

    Not without modifying the templates to add classes via a conditional.
     
  20. Blaze

    Blaze New Member

    can you give us an example please =)
     
    Thee likes this.

Share This Page