Back to vBulletin 4.x Add-ons

[BB Code] Spoiler Tag
Mod Version: 1.01, by theFM

vB Version: 4.0.x Rating: (12 votes - 4.92 average) Installs: 130
Released: 15 Apr 2010 Last Update: Never Downloads: 1029
Not Supported Template Edits Additional Files Re-usable Code  

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:

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

Code:
<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:

Code:
<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

Download

File Type: %1$s spoilers.zip (4.5 KB, 1164 downloads)

Similar Mods

New Posting Features Spoiler Tag vBulletin 3.7 Add-ons

vblts.ru supports vBulletin®, 2022-2024