I'm fairly new to the vBulletin scene. Having been a member of Something Awful for a while, I've grown to really like their spoiler tag. I searched around, but I couldn't find a similar spoiler tag for vB3. Every single spoiler tag I saw requires that you either click a button (which doesn't allow inline spoilers) or highlight text (which requires unnecessary work). I wanted to mimic SA's simple tag on my forum, so I figured out how to do it, and this is what you see here today. This mod is completely theme-independent (it's just a BBCode, nothing else!), and it'll keep your site W3C compliant.
Without hovering, you see nothing but black:
However, when you hover the mouse over the black section of text, it magically appears:
Demo: http://www.inthisthread.net/forum/sh...47&postcount=1
Title: Spoiler
BB Code Tag Name: spoiler
Replacement: HTML Code:
<span style="color: #000000; background: #000000;" onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color='#000000';">{param}</span>
Example:
Description: This tag changes the text into a black box which is unreadable. If you hover the mouse over the black box, the text will magically appear.
Use Option: No
Image:
Without hovering, you see nothing but black:
However, when you hover the mouse over the black section of text, it magically appears:
Demo: http://www.inthisthread.net/forum/sh...47&postcount=1
Title: Spoiler
BB Code Tag Name: spoiler
Replacement: HTML Code:
<span style="color: #000000; background: #000000;" onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color='#000000';">{param}</span>
Example:
THIS TEXT IS SPOILERED LOL
Use Option: No
Image: