Author Topic: Spoiler Tag for free forums, is there an upgrade??  (Read 402 times)

0 Members and 0 Guests are viewing this topic.

Offline coffeegirl

  • Newbie
  • *
  • Posts: 9
  • Karma: 0
    • View Profile
Spoiler Tag for free forums, is there an upgrade??
« on: May 17, 2020, 12:54:39 pm »
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.





Share on Facebook Share on Twitter


Offline CreateAForum

  • Administrator
  • *****
  • Posts: 6145
  • Karma: 288
    • View Profile
Those changes would need to be coded.
Added to the table would be easier of the two.
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

Offline coffeegirl

  • Newbie
  • *
  • Posts: 9
  • Karma: 0
    • View Profile

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

Offline CreateAForum

  • Administrator
  • *****
  • Posts: 6145
  • Karma: 288
    • View Profile
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)
Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

Offline coffeegirl

  • Newbie
  • *
  • Posts: 9
  • Karma: 0
    • View Profile
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]

          Offline coffeegirl

          • Newbie
          • *
          • Posts: 9
          • Karma: 0
            • View Profile
          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.




          Offline CreateAForum

          • Administrator
          • *****
          • Posts: 6145
          • Karma: 288
            • View Profile
          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
          Code: [Select]
          <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.
          Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

          Offline coffeegirl

          • Newbie
          • *
          • Posts: 9
          • Karma: 0
            • View Profile
          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





          Offline CreateAForum

          • Administrator
          • *****
          • Posts: 6145
          • Karma: 288
            • View Profile
          I might be able to add an option. I will see if I have time today to work on it
          Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/

          Offline coffeegirl

          • Newbie
          • *
          • Posts: 9
          • Karma: 0
            • View Profile
          Oh that would be AMAZING!!! I will gladly pay for the upgrade :) Thank you so much!!!

          Offline CreateAForum

          • Administrator
          • *****
          • Posts: 6145
          • Karma: 288
            • View Profile
          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"
          Like Create A Forum? Support me at https://www.patreon.com/vbgamer45/
          Winner Winner x 1 View List

          Offline coffeegirl

          • Newbie
          • *
          • Posts: 9
          • Karma: 0
            • View Profile
          Thank you!!!! You rock!!!

           

          Related Topics

            Subject / Started by Replies Last post
          0 Replies
          496 Views
          Last post July 26, 2013, 02:03:35 pm
          by pro
          0 Replies
          881 Views
          Last post February 27, 2014, 04:34:12 am
          by terrel8125
          1 Replies
          1867 Views
          Last post January 11, 2015, 08:41:35 pm
          by CyanProductions
          0 Replies
          208 Views
          Last post February 22, 2015, 06:52:20 pm
          by hudumapoa
          2 Replies
          599 Views
          Last post March 27, 2015, 08:50:24 pm
          by hudumapoa