• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Staff have posted  indicator

Staff have posted indicator

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

Shelley

Well-known member
#1
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...
 

Shelley

Well-known member
#11
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.
 
#14
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!
 

RoldanLT

Well-known member
#16
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;
}
 
#17
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!