Back to vBulletin 3.7 Template Modifications

Inline Hover Spoiler BBCode
Mod Version: 1.0, by Fangs404

This modification is in the archives.
vB Version: 3.7.x Rating: (2 votes - 5.00 average) Installs: 21
Released: 16 Oct 2008 Last Update: Never Downloads: 4
Not Supported Re-usable Code Translations  

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 BB code, 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:


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: [spoiler]THIS TEXT IS SPOILERED LOL[/spoiler]
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:

Note: Depending on your template, you may need to change the colors in the HTML replacement code. Just make sure that color, background, and onmouseout match and that onmouseover is different. The colors in the above code are ideal for a template with a light background and dark text.

Download

No files for download.

Screenshots

Similar Mods

BB Code Enhancements DI - BBCode [spoiler] vBulletin 3.7 Add-ons

vblts.ru supports vBulletin®, 2022-2024