• 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

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!