New Posting Features - Spoiler Tag

I have been on this forum for a while and have used different spoiler tags, but the tags didn't sattisfied me. So i made my own spoiler tag.

This is a BB Code tag. It has to be installed in your BB code manager.

Enter the vbulletin administrator panel.
Navigate to Own BB codes.
Go to add BB code and fill in the following items.

Title: Spoiler
Tag: spoiler
Replacement:

<div class="tcat" colspan="3">
	Spoiler
</div>
<div style="background-color:#fff;color:#fff;border:1px solid #CCCFDD;">
	<span class="spoiler" onmouseover="this.style.color='#000000';" onmouseout="this.style.color=this.style.backgroundColor='#ffffff'">
		{param}
	</span>
</div>

Example: [spoiler]blabla[/spoiler]
Description: This items show only the text when you move the mouse over it.

The code and style of it might be made better, but it does what it is made for.

I use this on the latest version of vBulletin (3.7.0) but it works on all versions.

I hope this is usefull for you guys. If you used it please click install so i can see if it comes in handy.

For those of you who want an example, here is it: Live Demo (dutch forum)
The first spoiler tag is my own tag, the second is this one: Invision Board Styled Spoiler Tag

And excuse me for my English, didn't used it much the last time.

[obmob]

Nice going... anyone has a clue on how to make this sopiler look like the one i show in the attachments?

[Freesteyelz]

Originally Posted by Boofo

Text is all I want to do with this anyway. Would it still be a separate line for each break?

I think so but I can't say it with confidence as I didn't test it.

[avsunforum]

thanks )

[Boofo]

Originally Posted by Freesteyelz

I think so but I can't say it with confidence as I didn't test it.

Let's take this to PM as not to clutter up the thread anymore, sir. And send me the code for the overflow, please.

[YdieresiS]

Originally Posted by obmob

Nice going... anyone has a clue on how to make this sopiler look like the one i show in the attachments?

That was what i was looking for in the first place, but i couldn't get that to work. I had the whole thing with javascript and css, but it only worked with one spoiler tag per page. On my forum they use a lot of this tag on one page and bij clicking the link it dit open al spoiler tags, not quite what i wanted. So i made this one and this one is good for what i use it for on our forum. If someone can fix a thing like that, please let it know.

Originally Posted by Boofo

Let's take this to PM as not to clutter up the thread anymore, sir. And send me the code for the overflow, please.

If you two get a solution to it, let it know please, so i might update the whole spoiler tag.

[Boofo]

Originally Posted by YdieresiS

If you two get a solution to it, let it know please, so i might update the whole spoiler tag.

Will do. I think we are close.

[obmob]

Originally Posted by YdieresiS

That was what i was looking for in the first place, but i couldn't get that to work. I had the whole thing with javascript and css, but it only worked with one spoiler tag per page. On my forum they use a lot of this tag on one page and bij clicking the link it dit open al spoiler tags, not quite what i wanted. So i made this one and this one is good for what i use it for on our forum. If someone can fix a thing like that, please let it know.

Oh... i see... well, i'll take a look and compare with the one i'm using at the moment, will let you know if it works

[binevi]

is it possible to allow users to choose any title instead of Spoiler on the table ?

[YdieresiS]

Originally Posted by binevi

is it possible to allow users to choose any title instead of Spoiler on the table ?

Yes this is possible.

If you use the things as posted before and change this:
Use {option} -> yes.
Replacement:

<div class="tcat" colspan="3">
	{option}
</div> 
<div style="background-color:#fff;color:#fff;border:1px solid #CCCFDD;">
	<span class="spoiler" onmouseover="this.style.color='#000000';" onmouseout="this.style.color=this.style.backgroundColor='#ffffff'">
		{param}
	</span>
</div>

Example [Spoiler=Spoiler!]Testing[/Spoiler]

But in this case you always have to fill the option [Spoiler=Title]

It is possible but i wouldnt reccomend it.

[Boofo]

Just change the word spoiler to whatever you want in the code when you enter it in the Admin CP.