BB Code Enhancements - [BB Code] Spoiler Tag

PLEASE CLICK ON INSTALL , IF YOU ARE INSTALLING IT , TO RECEIVE MORE UPDATES ON THIS.

This is is Without option code , with option , check posts below

As Many People PMed Me about to upgrade my Spoiler Tag code to vb4 , so I added this ,
The tag is:

[spoiler]Text you want to hide[/spoiler].

Now a guide to add it:


1. Upload the files of the attachment.
2. Log in at Admin Panel
3. Go to Style manager > All Style Options > Edit Models > headinclude.
4. Find:

<script type="text/javascript" src="{vb:stylevar  yuipath}/connection/connection-min.js?v={vb:raw  vboptions.simpleversion}"></script>

After this, add:

<script type="text/javascript" src="clientscript/spoiler.js"></script>

5. Go to the BBCode option and then select to Add a new one.
6. Enter the data:

--- Title: Spoiler
--- Tag Name: spoiler
--- Replacement:

<blockquote class="postcontent restore ">
<div class="bbcode_container">
<div class="bbcode_quote">
<div class="quote_container">
<div class="bbcode_quote_container"></div>
<div class="bbcode_postedby">
<div style="margin: 5px 20px 20px;">
<div class="alt2" style="text-align: right; margin: 0px; padding: 6px;"> 
    <span style="float: left; padding-top: 2px;">	<img src="images/icons/icon-spoiler.png" alt="Spoiler" />
<b>Spoiler: </b></span>
	<input value="Mostrar" style="margin: 0px; padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" type="button">
</div>

<div style="padding-top: 4px;"> 
	<div class="alt2" style="display:none; margin: 0px; padding: 6px;"> 
		{param}
	</div>
</div>
</div>
</div>
</div>
</div>
</div>
</blockquote>

--- Example: [spoiler=Example]This is a spoiler tag![/spoiler]

--- Description: Tag to hide spoilers.
--- Use Option? NO
--- Bottom image: images/spoiler.gif
--- Remove Tag if Empty? Yes.
--- The other 3 options, set to No.

7 - Click to add and you are done!

It should look like this:



Note : - I have added this as a free source , you are free to edit it and help yourself , but add your modification in here aswel , so that you will help others ,
Users please browse through more posts to see more modification of this mod , please Click Install and Rate the Mod

[Brexen]

Thanks man i tryed it worked fine installed D:

[thanhhungtn1]

It worked with

[spoil]example[/spoil]

But it didn't with

[spoil=example]example2[/spoil]

[nacaruncr]

a idea... try to remplace this code:

<b>Spoiler: </b></span>

with:

<b>Spoiler: &nbsp;</b>{option}</span>

and activate the Use Option: YES

I have a similar spoiler, and have this code when you put [Spoiler="title"]Example[/spoiler] it show me:

Spoiler: Title
--Example

XD I don't really know if will work or not... but you can try, ok

regards

[MikeBeams]

Thanks! Great code!

[xCSoulSlayer]

Great spoiler code!

[marccap]

do you know how to reduce the width of the blue spoiler box

[mertiliuss]

in the mobile skin does not work.

any solution?

[fxdigi-cash]

it doesn't work on vb4.2........ any idea? thanks

[Ravallojr]

Fix image and provide 4.2 code.

[datoneer]

This is awesome mod. Thanks you so much. Installed, rated, nominated!