Advertisement:

Navigation

SMF Mod Site

Mod Name:
Spoiler Show & Hide
Created By:
ciberwing
Type:
BBC
First Created:
January 30, 2008, 12:58:08 PM
Last Modified:
February 27, 2008, 01:24:09 PM
Latest Version:
1.0.3
Compatible With:
1.1.4
Total Downloads:
40725

Download this mod

spoiler-showandhide-1.0.3.tar.gz (2kB) [40139]
Manual Install Instructions for SMF

Description:

Simple and customisable (through language files and stylesheets)

This modification will create a new BBCODE tag called 'spoiler'; the Whole content that is in it will be hidden by a button that, on having been pressed, will show or hide the content.

Also adds a Spoiler button in edit-post area

Included languages:
Spanish (+utf8), English (+utf8), English_british (+utf8), Italian (+utf8) & French (+utf8).


Screenshots

Before click:

After Click:


TIPS

* If you are using anoter theme than default, you must copy the spoiler.gif to the folder of your theme/images/bbc
*Add these lines to the stylesheet (css) of your theme for improve the appearance of the spoiler.

Code: [Select]
/*

BOTON SPOILER

*/
div.spoiler-wrapper {
border:solid 1px #ccc;
padding:4px;
margin:3px;
}
div.spoiler-wrapper input[type=button],div.spoiler-wrapper input[type=submit] {
padding:3px;
margin:3px;
background:#E7F2F8;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #666666;
border-bottom:solid 1px #666666;
outline:none;
}
div.spoiler-wrapper input[type=button]:hover,div.spoiler-wrapper input[type=submit]:hover {
padding:3px;
margin:3px;
background:#CDDFE9;
border-top:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
}

Changelog

1.0.3:
-Fixed validation problem (and nested spoilers)
-Added full text in button
-Added French and Italian Languages