Cool Spoiler Tag[jQuery]
Mod Version: 6.1, by Xtrigit
| vB Version: 3.8.x | Rating:  (1 vote - 5.00 average) |
Installs: 4 |
| Released: 01 Jun 2010 | Last Update: Never | Downloads: 0 |
 Not Supported
 Template Edits
|
||
Hey, everyone!
Follow the instructions below to implement a nice spoiler tag.
Files to edit:
Main CSS
SHOWTHREAD
1 Style Manager >> All style options>> Main CSS
Scroll all the way down and find:
Paste ABOVE:
______________________________________
2. SHOWTHREAD
Find:
In the next line, paste:
________________________________________________
3. Add Custom BBCode
Title:
BB Code Tag Name:
Replacement:
Example:
4. Save... Done... Enjoy!
P.S. Feel free to customize the font, color, size etc =]
Follow the instructions below to implement a nice spoiler tag.
Files to edit:
Main CSS
SHOWTHREAD
1 Style Manager >> All style options>> Main CSS
Scroll all the way down and find:
PHP Code:
/* Header and Navbar CSS */
PHP Code:
/* Spoiler */
#slidingDiv {
display: none;
height:150px;
background-color: #d0e0f0;
padding:20px;
margin-top:10px;
border-bottom:5px solid #FF5B00;
}
2. SHOWTHREAD
Find:
PHP Code:
<body onload="$onload">
PHP Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function showSlidingDiv(){
$("#slidingDiv").animate({"width": "toggle"}, { duration: 1000 });
}
//]]>
</script>
3. Add Custom BBCode
Title:
Spoiler
spoiler
PHP Code:
<a href="#" onClick="showSlidingDiv(); return false;"><span style="font-family:Comic sans ms;color:#0099ff;font-size:14px;">Spoiler</span></a><br />
<div id="slidingDiv">{param}<a href="#" onClick="showSlidingDiv(); return false;">hide</a>
[spoiler]hide this text[/spoiler]
P.S. Feel free to customize the font, color, size etc =]
Mark As Installed if you use this Mod
Download
No files for download.
Screenshots
