Reverse Exclusive Content

Click to view the rest of my CSS Add-ons

To buy this -- wait a minute, you don't need to buy this! This is FREE! Though, it's still limited to only those with Grandmaster or above membership, because it uses containers.

Stats at a glance

BS5 Support

BS5 and BS3 compatible!

BBCode wordcount

Roughly 25 words

CSS line count

Roughly 2 lines

Price

FREEEEEE

Bundle Options

It's free :D

This is a very small piece of CSS I've thrown together to showcase a simple and clever way in which you can HIDE content from people that belong to a specific subscriber group. Say you have a subscriber group called [players] that you don't want to see certain spoilers (but you do want them visible to anyone else reading your article) -- using this method, you can ensure that when they are logged in, any information included in the [content-to-hide] box will not render for them. Of course this requires them to be logged in so it's not foolproof, but it is one more tool to use.
What you need:

A subscriber group that you can copy a 'subscriber group only' container from

A tiny bit of CSS

---

Test Subscriber [Click the box again to leave the subscriber group and have the quote below re-appear]

This quote will not be here if you're a part of the subscriber group

The Code

CSS

This works very simply by saying "if a subscriber container (.secret-subdivision) exists within this .reverse-exclusive container, then make the next direct sibling called ".content-to-hide" set to display: none!

.reverse-exclusive .secret-subdivision + .content-to-hide { display: none; }

BBCODE

The secret subdivision only shows up in your pages HTML to the proper subscribers (and to you, the world owner, so you will need to view the page with a second account to test on your own world), so the only time the content is hidden is for those specific people.

[container:reverse-exclusive] [subcontainer:### bunch of numbers that are specific to your own subscriber group] [/subcontainer] [container:content-to-hide][quote]This quote will not be here if you're a part of the subscriber group[/quote][/container] [/container]

Click here to go back and see all my other CSS Add-on creations!