Staff have posted  indicator

Staff have posted indicator

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.

Summary: Whenever a staff member have posted in a thread a indicator will display which is what this enhancement does. Style and modify to your preference. The indicator will display inside the post and to the right.

Install: Paste the following to EXTRA.CSS and change to suit your preference.

Code:
.message.staff .messageContent:before {
float: right;
content:"STAFF";
font-size: 16px;
font-family: 'Georgia';
padding: 5px 10px;
background-color: #90d666;
border: 1px...

Read more about this resource...
 
Nice edit :) How does it work for those people who are being sneaky and not being listed as staff? :D
 
Confirmed just tested. It won't display the indicator.
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:
 
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:

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.
 
Thank you very much for considering my request and creating this modification. Now I'm having an issue. The staff icon is hiding when we use quote!

Take a look; http://forum.digitalbuzzy.com/threads/who-will-be-the-next-prime-minister-of-india.65/#post-171

or

rhuu.png
 
Add: z-index: 20000;

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!
 
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;
}
 
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;
}

That worked perfectly!

Thanks!
 
Top Bottom