Spoiler Tags (1.5.1)

[PF]

Hi,

The little spoiler emo appears only in the reply and not in the 'create thread'.

Is there a fix for that?

Thanks.

[Todge]

Ooops...

Version 1.3.9 is available from the first post that rectifies this.

Sorry about that.

[leif]

Hi there Todge! Great plugin. I have some suggestions/comments if you don't mind.

• When linked directly to the post via the "Only this post" link which is /post/### the spoiler shows as Spoiler: Click to show
• I would love to be able to put spoilers side by side in a code for like a plot page to have expandable sections, do you know of a way to get them side/by/side so I can do something like Friends • Enemies • Relationships. With each of those being it's own spoiler?
• Just wanted to say naming the spoiler tags is what makes this plugin a star. 

[Todge]

Aug 17, 2013 22:07:03 GMT -8 leif said:

Hi there Todge! Great plugin. I have some suggestions/comments if you don't mind.

• When linked directly to the post via the "Only this post" link which is /post/### the spoiler shows as Spoiler: Click to show

Fixed.. Try version 1.4.0 from the title post, or wait a couple of days for the library to be updated.

• I would love to be able to put spoilers side by side in a code for like a plot page to have expandable sections, do you know of a way to get them side/by/side so I can do something like Friends • Enemies • Relationships. With each of those being it's own spoiler?

Not easily, no. That would require changing the whole layout of the spoilers. But you can do it using a table, like so...

SPOILER: Click to show Test 1

SPOILER: Click to show Test 2

SPOILER: Click to show Test 3

[table][tbody][tr]
[td style="vertical-align:top; padding:3px;"][spoiler]Test 1[/spoiler][/td]
[td style="vertical-align:top; padding:3px;"][spoiler]Test 2[/spoiler][/td]
[td style="vertical-align:top; padding:3px;"][spoiler]Test 3[/spoiler][/td]
[/tr][/tbody][/table]

I also think Wormopolis made a plugin for a tabbed table to be included in posts.

• Just wanted to say naming the spoiler tags is what makes this plugin a star. 

Thank you

[DarkPikachu]

I'm having a small bit of trouble with the CSS section... heh

when I put this code into the CSS secion:

background-color: #808080;
background-image: url('http://images.proboards.com/v5/gradients/darkness.png');
background-attachment: scroll;
all I see is a grey rectangle.
(my text is the same color, but the image SHOULD be fixing that)

I'm trying to duplicate the effects of the post buttons (Quote, Edit, etc.)

also, can a hover and click style be achieved??
*is used to using onmouseover() and onclick() to do the dirty work there*

EDIT: figured something out that partially works...
(everything MUST remain on 1 line or it doesn't work)
background: #808080 left center repeat-x scroll url('http://images.proboards.com/v5/gradients/darkness.png'); padding: 10px;
this gets it to look like the button with the text aligned at the top
(not sure why padding-top: 10px; doesn't work) >.>
^ vertical-align: center; also has no effect

[Todge]

Sept 10, 2013 8:45:04 GMT -8 DarkPikachu said:

I'm having a small bit of trouble with the CSS section... heh

when I put this code into the CSS secion:

background-color: #808080;
background-image: url('http://images.proboards.com/v5/gradients/darkness.png');
background-attachment: scroll;
all I see is a grey rectangle.
(my text is the same color, but the image SHOULD be fixing that)

I'm trying to duplicate the effects of the post buttons (Quote, Edit, etc.)

also, can a hover and click style be achieved??
*is used to using onmouseover() and onclick() to do the dirty work there*

EDIT: figured something out that partially works...
(everything MUST remain on 1 line or it doesn't work)
background: #808080 left center repeat-x scroll url('http://images.proboards.com/v5/gradients/darkness.png'); padding: 10px;
this gets it to look like the button with the text aligned at the top
(not sure why padding-top: 10px; doesn't work) >.>
^ vertical-align: center; also has no effect

You need to add 'display: inline-block;' to the CSS, and a padding wouldn't hurt either..

So try..

background-color: #808080;
background-image: url('http://images.proboards.com/v5/gradients/darkness.png');
padding: 5px;
display: inline-block;

[DarkPikachu]

ah that did it.
I just found out I was working with a <span> as well... heh

also, is hover and click styling currently possible??
or would you need to implament the onmouseover() and onclick() style change methods with 2 extra CSS inputs to get that working??

also, I forgot to comment, even with the issues I was having, your plugin is still amazing

EDIT:
if you need a reference, use my website's crappy homepage: tcll5850.hostoi.com
(the style uses microsoft gradients, which at the time I didn't know were ONLY compatible with IE)

EDIT2:
also... is it possible to use the rounded_corners() function with the style??

[Todge]

You can add hover effects in CSS with 'sptitle:hover {}'. I haven't tried it with a span tag, but it should work.

The onclick() effect can't be copied in CSS, you can use 'active', as in 'sptitle:active {}', but that will only work while the mouse button is held down, and again, I've never tried it on a span tag.

Rounded corners can be acheived with the radius style, as in border-radius: 10px;, -webkit-border-radius: 10px; or -moz-border-radius: 10px; depending on browser. But be aware that CSS radius styling is not available in IE8 and below.

[DarkPikachu]

ok that works perfectly now, thanks

if I could award you with a cookie, I would. XD

EDIT:
also, I'm not worried myself about rounded corners in IE8
I have FF, so I'm implamenting it for other users (just to make it look nice)

[Todge]

No worries.. Glad you got it sorted.

[vtel57]

Outstanding! Thank you, Todge!

~Eric

[Todge]

[vtel57]

Pssst... don't tell anyone cuz they'll get jealous, but I've had my same Proboard since 2004, and your mods have always been the best!

[cirredarkwolf]

The spoiler tags do not work for me. As soon as I get ready to preview, the

SPOILER: Click to show

Bestiary (Guidebook)
Legends (Guidebook, Announcements)

Turns to
{Spoiler}Bestiary (Guidebook)
Legends (Guidebook, Announcements)

What's going wrong?

Also, it won't let me place a spoiler inside a div. :/

[Todge]

It's not possible to show the spoiler correctly in the preview, so I made it show as {spoiler}, otherwise it would not show at all.

I'll look into the div problem.