Creating a beautiful looking SPOILER tag...

[Jaxel]

New look...
http://8wayrun.com/threads/8wayrun-com-now-running-the-xenforo-beta.6406/page-10#post-237171

 

[sparky5693]

Looks really nice Jaxel.

 

[zaiger]

Awesome, thank you very much.
For all non-developers, including myself that took more than an hour to get this working, I will attach the add-on.

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

. Am I missing something?

 

[Saarbruecken]

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.

 

[KidCactus]

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.

 

[AceOfDeath]

Did a little tweaking of my own and it works great Thanks!!!!

 

[Saarbruecken]

What exactly did you change?

 

[AceOfDeath]

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

 

[Daracon]

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.

try to add in your extra.css

.bbCodeSpoiler .spoilerContent
{
    display: none;
}

 

[Jaxel]

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.

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.

 

[Dismal Shadow]

Yup. You can see my test of it HERE.

How did you rename them and using only one button?

 

[Digital Doctor]

looks great.

 

[John L.]

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, 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?

 

[Digital Doctor]

Have you been able to add this BB code to the TinyMCE editor?

It would be easy to add this to Minorin.
Adding to TinyMCE - http://xenforo.com/community/threads/cel-editor-button-management.19991/

 

[yavuz]

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?

Creating a beautiful looking SPOILER tag...

 

[John L.]

Creating a beautiful looking SPOILER tag...

That install doesn't have the phrases pre-installed or Jaxel's latest CSS work.

 

[Jaxel]

That install doesn't have the phrases pre-installed or Jaxel's latest CSS work.

I've updated the first post with my new HTML and CSS.