Cool Spoiler Tag [ jQuery ]
بحث جی کوئری داغ شده یه مدته گفتم ما هم تو حوزه خودمون عقب نمونیم
____________________________________
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:
کد PHP:
/* Header and Navbar CSS */
Paste ABOVE:
کد PHP:
/* Spoiler */
#slidingDiv {
display: none;
height:150px;
background-color: #d0e0f0;
padding:20px;
margin-top:10px;
border-bottom:5px solid #FF5B00;
}
2. SHOWTHREAD
Find:
کد PHP:
<body onload="$onload">
In the next line paste:
کد PHP:
<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:
BB Code Tag Name:
Replacement:
کد PHP:
<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:
کد:
[spoiler]hide this text[/spoiler]
4. Save... Done... Enjoy!
P.S. Feel free to customize the font color size etc =]
موفق باشید!
منبع:
