1. This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.
  2. In order to post messages and view attached files in this forum, you must be a licensed XenForo customer.
    If you can't post, enter your forum username in the Associated Forum Users form in your customer area.
Archived Forum Customer Forum

Creating a beautiful looking SPOILER tag...

Discussion in 'Development Tutorials [Archive]' started by Jaxel, Jun 17, 2011.

Page 2 of 2

  1. Jaxel Well-Known Member

    Jaxel, Aug 7, 2011
    #21
    Digital Doctor likes this.

  2. sparky5693 Member

    Looks really nice Jaxel.
    sparky5693, Aug 7, 2011
    #22

  3. zaiger Member

    I am having a problem with this, if you could help me I would really appreciate it. I uploaded the files to their respective spots on the server and installed the XML. It created the spoiler_template and spoiler shows up in the addons page, however it doesn't parse at all, I just get [SPOILER]text[/SPOILER]. Am I missing something?
    zaiger, Nov 4, 2011
    #23

  4. Saarbruecken Member

    Remove the spoiler_template you just created and re-import the add-on, that should fix the problem, also don't forget to upload all files.
    Saarbruecken, Nov 7, 2011
    #24

  5. KidCactus Member

    I installed this, and it kind of works. When I load or refresh a page with a spoiler, I can see the hidden text while the page loads, and it's only hidden when it has finished loading.
    KidCactus, Nov 13, 2011
    #25

  6. AceOfDeath Member

    Did a little tweaking of my own and it works great :) Thanks!!!!
    AceOfDeath, Nov 14, 2011
    #26

  7. Saarbruecken Member

    What exactly did you change?
    Saarbruecken, Nov 14, 2011
    #27

  8. AceOfDeath Member

    nothing worth mentioning haha I'm not really good at tweaking things, I just got the Spoiler stuff out of there and made it so it only showed the title I entered after the equals sign. Oh and changed show spoiler to Show Content
    AceOfDeath, Nov 14, 2011
    #28

  9. Daracon Member

    try to add in your extra.css

    Code:
    .bbCodeSpoiler .spoilerContent
{
    display: none;
}
    Daracon, Nov 19, 2011
    #29

  10. Jaxel Well-Known Member

    Thats absolutely intended. If you made the spoiler text hidden by default, then someone who doesn't have javascript enabled on their browser will NEVER be able to see the spoiler text. This way, the text is shown by default, and then hidden after it is confirmed that the user has javascript.

    This is something called graceful degradation and it is something very important to good design.
    Jaxel, Nov 19, 2011
    #30
    Digital Doctor likes this.

  11. Dismal Shadow Active Member

    How did you rename them and using only one button?
    Dismal Shadow, Dec 11, 2011
    #31

  12. Digital Doctor Well-Known Member

    spoiler.tag.8wayrun.com.png

    looks great.
    Digital Doctor, Dec 11, 2011
    #32

  13. LP-John Well-Known Member

    Jaxel, any chance you can release this as a small addon with the installation included. You new style is nice and would love to implement this on my board. Have you been able to add this BB code to the TinyMCE editor?
    LP-John, Dec 21, 2011
    #33

  14. Digital Doctor Well-Known Member

    Digital Doctor, Dec 21, 2011
    #34

  15. yavuz Well-Known Member

    Creating a beautiful looking SPOILER tag... (y)
    yavuz, Dec 21, 2011
    #35

  16. LP-John Well-Known Member

    LP-John, Dec 21, 2011
    #36

  17. Jaxel Well-Known Member

    I've updated the first post with my new HTML and CSS.
    Jaxel, Dec 21, 2011
    #37
Page 2 of 2

Share This Page

Pre-Sales Questions Buy XenForo Now! Customer Area
XenForo Ltd. is registered in England and Wales with company number 07294282.