BBCode Spoiler Tags for vBulletin 3.6.
Follow these three steps to add a new bbCode that allows users to hide certain content from users until they mouse over that section.
Example:
This is an example of a spoiler.
Step 1.
Copy the following into the additional CSS definitions
(Admin CP > Styles & Templates > Style Manager > All Style Options > Additional CSS definitions)
and paste it into the lower box.
.spoiler
{
background-color: #000000;
color: #000000;
display: inline;
}
.spoiler:hover {
background-color: #FFFFFF;
}
Step 2.
Click save
Go to (Admin CP > Custom BB Codes > Add New BB Code)
Enter the following:
Title: Spoiler
Tag: spoiler
Replacement:
<div class="spoiler"> {param} </div>
Example: [spoiler]test[/spoiler]
Description: Hides text/content from users until they mouse over area
Use {option}: No
Button Image: images/misc/spl.gif
Click save.
Step 3.
Save the attached image to images/misc/
Thats all!