BBcode Mouse Over Spoiler Tag
Mod Version: 1.00, by bobster65
This modification is in the archives.
| vB Version: 3.6.8 | Rating:  (2 votes - 5.00 average) |
Installs: 35 |
| Released: 08 Aug 2007 | Last Update: Never | Downloads: 10 |
 Not Supported
|
||
Im not a huge fan of all the spoiler tags that require buttons to activate the hidden text, nor can they be used within a paragraph of text multiple times, so I wrote one that you can place the tags around the text within a paragraph (multiple times if you wish) and all one has to do is MOUSE OVER each one to reviel the hidden text. The reason I say "each one" is that you can have a review with multiple spoiler tags within the review and each one is activated seperately upon mouse over.
2 Simple Steps
Step 1 - Add new BB Code as follows:
Title: Spoiler
Tag: spoiler
Replacement:
Example:
Description: The spoiler tag will hide the text between the tags, and will appear only when you put your mouse over the hidden text.
Step 2 - Add an Additional CSS Definition
Edit the Style(s) that you wish to apply this too .... (Style Manager >> All Style Options) scroll down towards the very bottom of the Options and you will see an area for "Additional CSS Definitions " Enter the below code to the end of the Additional CSS Definitions
Thats all there is too it.
2 Simple Steps
Step 1 - Add new BB Code as follows:
Title: Spoiler
Tag: spoiler
Replacement:
Code:
<span class="spoiler" onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color=this.style.backgroundColor='#000000'">{param}</span>
Code:
[spoiler]Stuff goes here[/spoiler]
Step 2 - Add an Additional CSS Definition
Edit the Style(s) that you wish to apply this too .... (Style Manager >> All Style Options) scroll down towards the very bottom of the Options and you will see an area for "Additional CSS Definitions " Enter the below code to the end of the Additional CSS Definitions
Code:
.spoiler
{
color: #000000;
text-decoration: none;
background-color: #000000;
}
Download
No files for download.