360haven works best with JavaScript enabled
[CSS][BBCODE] Spoiler Button
Loading
Register
Page 1 of 2 12 LastLast
Results 1 to 8 of 9
  1. #1
    Administrator
    Rpg_Fan

    Sephiroth is offline
    Join Date : Nov 2010
    Location : Setagaya-ku, Tokyo, Japan
    Posts : 3,322
    Array
    Twitter: @

    [CSS][BBCODE] Spoiler Button

    Demo:

    About 360haven



    360haven is an Forum Devoted To Game modding Fans from all over the world.

    An Awesome Community of Xbox 360 Gamers, Modders and Developers who Create & Share Tutorials, Applications, Gfx, Trainers and Gamesaves.

    A haven for the l33t.
    A scarce paradise for modders.



    CSS

    Code:
    .myButton {
              -moz-box-shadow: 0px 0px 33px 0px #175dbf;
              -webkit-box-shadow: 0px 0px 33px 0px #175dbf;
              box-shadow: 0px 0px 33px 0px #175dbf;
              background-color:#212121;
              -moz-border-radius:8px;
              -webkit-border-radius:8px;
              border-radius:8px;
              border:2px solid #175dbf;
              display:inline-block;
              cursor:pointer;
              color:#2b9cff;
              font-family:Verdana;
              font-size:13px;
              font-weight:bold;
              padding:4px 7px;
              text-decoration:none;
              text-shadow:0px 0px 16px #2c2d30;
    }
    .myButton:hover {
              background-color:#ffffff;
    }
    .myButton:active {
              position:relative;
              top:1px;
    }
    .spoiler_content {
              border : 1px solid #185177;
             background : #1a1c1f;
             line-height:18px
             display : block;
             margin-top:10px;
             text-align:left;
             padding : 12px 12px 12px 12px;
             width : auto;
            -moz-box-shadow: 0px 0px 33px 0px #175dbf;
            -webkit-box-shadow: 0px 0px 33px 0px #175dbf;
            box-shadow: 0px 0px 33px 0px #175dbf;
            -moz-border-radius:8px;
            -webkit-border-radius:8px;
            border-radius:8px;
            display:inline-block;
            font-family:Verdana;
            font-size:13px;
            font-weight:bold;
            padding:auto auto;
            text-decoration:none;
    }
    More: http://www.bestcssbuttongenerator.com/



    -
    -

    BBCODE

    Title: Spoiler
    BB Code Tag Name: Spoiler

    Replacement:
    Code:
     
    <div align="left">
    <div class="quotetitle">
    <input class="myButton" value="Show spoiler" onclick="java: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 spoiler'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show spoiler'; }" onfocus="this.blur();" type="button">
    </div>
    <div class="quotecontent">
    <div style="display: none;"><span class="spoiler_content">{param}</span></div>
    </div>
    </div>
    Example: [spoiler] text goes here [/spoiler*] without *

    Description: Used to hide things, shorten pages, organize posts, ETC.
    Image:
    Use {option}: No
    Remove Tag If Empty: Yes
    Disable BB Code Within This BB Code: No
    Disable Smilies Within This BB Code: No
    Disable Word Wrapping Within This BB Code: No
    Disable Automatic Link Parsing Within This BB Code: No

    Last edited by Sephiroth; 06-28-2014 at 12:14 PM.
    Downloads : 151 || Uploads : 12 || Rep Power : 6872 || Posts : 3,322 || Thanks : 488 || Thanked 4,199 Times in 1,282 Posts




    What i have shown you is reality. What you remember... that is the illusion.




  2. The Following 5 Users Say Thank You to Sephiroth For This Useful Post:


  3. #2
    RETRO
    Gamer

    THUMBS is offline
    Join Date : Jan 2014
    Location : RETRO TOWN UK
    Posts : 12,528
    Array
    Twitter: @

    Re: [CSS][BBCODE] Spoiler Button

    nice one Sephiroth i was going to ask about this
    Downloads : 107 || Uploads : 38 || Rep Power : 14669 || Posts : 12,528 || Thanks : 1,039 || Thanked 1,971 Times in 1,315 Posts



  4. #3
    Senior Member
    DarkOne
    Crimi Martin is offline
    Join Date : Aug 2011
    Posts : 202
    Array

    Thirst Re: [CSS][BBCODE] Spoiler Button

    Noooooooooooo! My feed reader can't open spoiler buttons.
    That's going to suck for me if the posters I'm interested in here, start using this frequently.
    It's almost as weird as the "Register to see the link" for images in my feed reader I started getting here last week.

  5. #4
    Administrator
    Rpg_Fan

    Sephiroth is offline
    Join Date : Nov 2010
    Location : Setagaya-ku, Tokyo, Japan
    Posts : 3,322
    Array
    Twitter: @

    Re: [CSS][BBCODE] Spoiler Button

    Quote Originally Posted by Crimi Martin View Post
    Noooooooooooo! My feed reader can't open spoiler buttons.
    That's going to suck for me if the posters I'm interested in here, start using this frequently.
    It's almost as weird as the "Register to see the link" for images in my feed reader I started getting here last week.
    Feed reader?

    Is there a link i can do some tests?
    Downloads : 151 || Uploads : 12 || Rep Power : 6872 || Posts : 3,322 || Thanks : 488 || Thanked 4,199 Times in 1,282 Posts




    What i have shown you is reality. What you remember... that is the illusion.




  6. #5
    Administrator
    Rpg_Fan

    Sephiroth is offline
    Join Date : Nov 2010
    Location : Setagaya-ku, Tokyo, Japan
    Posts : 3,322
    Array
    Twitter: @

    Re: [CSS][BBCODE] Spoiler Button

    I wrote a different spoiler code.

    Title: Spoiler2
    BB Code Tag Name: Spoiler2

    Replacement:

    Code:
    <div id="hidespoiler{option}"  style="display:none; width:100px" class="myButton" onclick="setTimeout(function() {document.getElementById('hidespoiler{option}').style.display='none', document.getElementById('showspoiler{option}').style.display='block', document.getElementById('spoilercontent{option}').style.display='none'}, 10); return false" />Hide Spoiler</div>
    
    <div id="showspoiler{option}" style="display:block; width:100px" class="myButton" onclick="setTimeout(function() {document.getElementById('hidespoiler{option}').style.display='block', document.getElementById('showspoiler{option}').style.display='none', document.getElementById('spoilercontent{option}').style.display='block'}, 10); return true" />Show Spoiler</div>
    
    
    <div id="spoilercontent{option}" style="display:none" class="spoiler_content">{param}</div>

    Use {option}: Yes
    Remove Tag If Empty: Yes
    Disable BB Code Within This BB Code: No
    Disable Smilies Within This BB Code: No
    Disable Word Wrapping Within This BB Code: No
    Disable Automatic Link Parsing Within This BB Code: No


    [spoiler2=something]Text goes here [/spoiler2*] without *


    Spoiler Button 2 Demo:


    Show Spoiler



    Example #2;
    [spoiler2=2][spoiler2=3][spoiler2=4][spoiler2=5] Text goes here [/spoiler2*] [/spoiler2*] [/spoiler2*] [/spoiler2*] without *



    Show Spoiler
    Downloads : 151 || Uploads : 12 || Rep Power : 6872 || Posts : 3,322 || Thanks : 488 || Thanked 4,199 Times in 1,282 Posts




    What i have shown you is reality. What you remember... that is the illusion.




  7. The Following User Says Thank You to Sephiroth For This Useful Post:


  8. #6
    Senior Member
    DarkOne
    Crimi Martin is offline
    Join Date : Aug 2011
    Posts : 202
    Array

    Re: [CSS][BBCODE] Spoiler Button

    Sephy, I use the one from feedreader.com
    It's called FeedReader3.
    My other reader is RssOwl from www.rssowl.org.

    Even though they have javascript enabled, they usually don't open spoiler buttons from some manhwa threads I follow.

  9. #7
    Administrator
    Rpg_Fan

    Sephiroth is offline
    Join Date : Nov 2010
    Location : Setagaya-ku, Tokyo, Japan
    Posts : 3,322
    Array
    Twitter: @

    Re: [CSS][BBCODE] Spoiler Button

    Quote Originally Posted by Crimi Martin View Post
    Sephy, I use the one from feedreader.com
    It's called FeedReader3.
    My other reader is RssOwl from www.rssowl.org.

    Even though they have javascript enabled, they usually don't open spoiler buttons from some manhwa threads I follow.
    Never used this tool, but try this.

    Start the RSSowl.
    Go to tab Tools >> Preferences >> Browsers, under Content, Uncheck "Disable javascript in browser"
    The Spoiler button doesn't work because the javascript is disabled.

    The spoiler button worked after enabling javascript in RSSowl.
    Downloads : 151 || Uploads : 12 || Rep Power : 6872 || Posts : 3,322 || Thanks : 488 || Thanked 4,199 Times in 1,282 Posts




    What i have shown you is reality. What you remember... that is the illusion.




  10. #8
    Senior Member
    DarkOne
    Crimi Martin is offline
    Join Date : Aug 2011
    Posts : 202
    Array

    Re: [CSS][BBCODE] Spoiler Button

    Okay I'll be using RssOwl more than FeedReader3 then. I already have javascript enabled on both, so I can view Youtube/Vimeo videos, don't know why it doesn't work sometimes.
    Thank you.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. [BBCODE] Button
    By Sephiroth in forum General Discussion
    Replies: 3
    Last Post: 09-14-2012, 10:29 PM
  2. Pure CSS Button
    By Mocha in forum Sources and Classes
    Replies: 0
    Last Post: 04-08-2011, 09:07 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
This website uses cookies
We use cookies to store session information to facilitate remembering your login information, to allow you to save website preferences, to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners.
     

About 360haven

    360haven is an Forum Devoted To Game modding Fans from all over the world.

    An Awesome Community of Xbox 360 Gamers, Modders and Developers who Create & Share Tutorials, Applications, Gfx, Trainers and Gamesaves.

    A haven for the l33t.
    A scarce paradise for modders.

Like this page

Google+