Spoiler Tag for free forums, is there an upgrade??

Is there a way to have a button for this in the bbc table maybe under the change color drop down??


Is there a way to modify from hover to show, to click to show??


I dont mind paying for the upgrade if thats what it takes.

Those changes would need to be coded.
Added to the table would be easier of the two.

I'm sorry i dont understand the response.

how do I do that, and where do i put it??


I have done lots of searching and a lot of forums have this "mod", but i have not found a spot to upload or add a mod to my style sheet


I am very new to this, and really need a clickable spoiler for the longer lists....


Im in a book group, so for example we have an authors book checklist, which can be very very long for some authors, which makes the post very very long, and the hover thing stinks to be honest because you cant scroll without it hiding again

There is no built in script that would do what you asking currently.


We would have to build out those features.

Spoiler (hover to show)

test

ok, so how do i build it in the script?


I found this in another forum just have no idea where to put it??




.sp-wrap {

•     border: 1px solid #ccc !important;

•     border-radius: 6px !important;

•     background-color: #e8e8e8 !important;

•     margin: 0 auto 4px !important;

[/list]
}






.sp-head {

•     cursor: pointer;

•     color: #343434;

•     font-size: 11px;

•     line-height: 15px !important;

•     margin-left: 6px !important;

•     padding: 1px 14px 3px !important;

•     width: 97% !important;

•     min-height: 15px;

[/list]








.sp-open {

• background: url(gif link goes here) no-repeat scroll left center transparent !important;

• padding-left: 14px !important;

• display: block;

• 
  
  .sp-body {
  • display: none;
  • border-radius: 0 0 6px 6px !important;
  • background: none repeat scroll 0 0 #f4f4f4 !important;
  • border-top: 1px solid #ccc !important;
  • line-height: 17px;
  • padding: 3px 3px 3px 7px !important;
  • font-size: 12px;
  • color: #343434;
  • 
    
    .sp-closed {
    • background: url(gif link goes here) no-repeat scroll left center transparent !important;
    • padding-left: 14px !important;
    • display: block;

[/list][/li][/list][/list]

And if you build it out and make it a purchasable upgrade, I'm certain many people including myself would be very happy to purchase it.

That code above won't work due to the css classes are wrong but it would go into your css file under style manager.
Spoiler code generates
<fieldset class="spoiler" onmouseover="this.lastChild.style.display = 'block';" onmouseout="this.lastChild.style.display='none'"><legend><b>Spoiler</b> <small>(hover to show)</small></legend><div class="spoilerbody" style="display: none">test</div></fieldset>

You would need to override the javascript and do onclick instead of onmouseover
Could be done with jquery it looks like but I am not much of a javacript coder.

every bit of that was in another language for me


I literally either just need an upgrade to purchase which is my preference, or step by step instruction on how to make this work

I might be able to add an option. I will see if I have time today to work on it

Oh that would be AMAZING!!! I will gladly pay for the upgrade Thank you so much!!!

Done. Added a new setting

Have three options:
Hover
Click Link
Button Click

Found under:
Administration Center » Posts and Topics » Bulletin Board Code
"Spoiler Style"

Thank you!!!! You rock!!!