View Full Version : (vB 3.6 Template mod) BBcode Mouse Over Spoiler Tag


Floris
8th August 2007, 06:30 AM
Style title: BBcode Mouse Over Spoiler Tag
Style author:
Released: Tue, 07 Aug 2007 23:20:50 GMT


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:
Codedisplayerror: (Update license status (http://members.vbulletin.com/membersupport_priority.php)) You cannot view code until you prove your license status
Example:
Codedisplayerror: (Update license status (http://members.vbulletin.com/membersupport_priority.php)) You cannot view code until you prove your license status
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


Codedisplayerror: (Update license status (http://members.vbulletin.com/membersupport_priority.php)) You cannot view code until you prove your license status
Thats all there is too it.



Read More! (http://www.vbulletin.org/forum/showthread.php?t=154586&goto=newpost) (licensed customers only) :D