Xtrigit
05-31-2010, 10:00 PM
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:
/* Header and Navbar CSS */
Paste ABOVE:
/* Spoiler */
#slidingDiv {
display: none;
height:150px;
background-color: #d0e0f0;
padding:20px;
margin-top:10px;
border-bottom:5px solid #FF5B00;
}
______________________________________
2. SHOWTHREAD
Find:
<body onload="$onload">
In the next line, paste:
<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
BB Code Tag Name: spoiler
Replacement: <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>
Example: hide this text
4. Save... Done... Enjoy!
P.S. Feel free to customize the font, color, size etc =]
Mark As Installed if you use this Mod
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:
/* Header and Navbar CSS */
Paste ABOVE:
/* Spoiler */
#slidingDiv {
display: none;
height:150px;
background-color: #d0e0f0;
padding:20px;
margin-top:10px;
border-bottom:5px solid #FF5B00;
}
______________________________________
2. SHOWTHREAD
Find:
<body onload="$onload">
In the next line, paste:
<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
BB Code Tag Name: spoiler
Replacement: <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>
Example: hide this text
4. Save... Done... Enjoy!
P.S. Feel free to customize the font, color, size etc =]
Mark As Installed if you use this Mod