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.


/*

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

spoiler-showandhide-1.0.3.tar.gz 1.77 KB

Manual installation info 1.1.4