برای نصب کد اسپویلر مراحل به این ترتیب هست :
Step 1.
Copy the following into the additional CSS definitions
(Admin CP > Styles & Templates > Style Manager > All Style Options>Additional CSS definitions) and paste it into the lower box.
CSS Code:
کد:
.pre-spoiler {
border: 1px solid #B5C0A8;
margin: 0 15px 5px 15px;
background: #E3E9DB;
padding: 3px 5px 3px 5px;
font-weight: bold;
text-align: right;
color: #6A775B;
}
.spoiler {
background: #E3E9DB;
margin: 0 15px 15px 15px;
padding: 5px;
border: 1px solid #B5C0A8;
}
Step 2.
Now click save and go to the page to add a new BB Code (
Admin CP> Custom BB Codes > Add New BB Code)
در این قسمت این کد را اضافه می کنید :
کد:
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px"><right><font color="red"><b>Spoiler : </b> </font></right> >>>> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
{param}
</div>
</div>
</div>
مرحله آخر :
Example:
Description:
Hides text
Use {option}: No
Button Image: Leave empty
و تغییرات را ذخیره می کنید .. ( البته می تونید لینک تصویر کلید را هم بدید ( اختیاری ) ت
ا تصویر کلید اسپویلر در ادیتور دیده بشه ..
و یا