Staff have posted indicator

[Shelley]

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.

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

 

[rdn]

Very nice implementation Shelley

 

[rdn]

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

Edit: Fixed it.

 

[Shelley]

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

quotes seem fine on mine.


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

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

 

[rdn]

margin-left works for me
Thanks !

 

[Lisa]

Nice edit How does it work for those people who are being sneaky and not being listed as staff?

 

[Shelley]

Nice edit How does it work for those people who are being sneaky and not being listed as staff?

The .staff class (brogan confirmed) doesn't get applied if they're hidden so in theory it shouldn't display. I hope.

 

[Steve F]

Correct, it does not display if "Display user as staff" is not checked

 

[Shelley]

Nice edit How does it work for those people who are being sneaky and not being listed as staff?

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

 

[Lisa]

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

Awesome! 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 .... or maybe that's just me

 

[Shelley]

Awesome! 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 .... or maybe that's just me

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.

 

[akhilaniyan]

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

 

[rdn]

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

Add: z-index: 20000;

 

[akhilaniyan]

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!

 

[rdn]

Add: position:relative;

 

[rdn]

This code should work:

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

This code should work:

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

 

[Blaze]

can we apply this to another groups?

 

[Jeremy]

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

 

[Blaze]

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

can you give us an example please =)