[Release] Spoiler Code

Author: Habib Ahsan Tamim aka Matrix

Introduction: This is my very first submission, although its technically a custom vB code. I was told by filburt1 to post it here.

There are a few spoiler hack out there, which all involves editing files, and whatnot, but none of them is as simple as this one.

I am pretty sure that this one is not on vbulletin.org or here, in vbulletintemplates.com, but if you have seen this before somewhere (which is very possible since this is not a complex code), please let me or any other moderator/administrator know to take it off.

Description: This vB code will allow you to post spoiler messages in posts ( [spoiler]The spoiler goes here[/spoiler] ). This is really useful in many situations like when you are talking about the ending of a movie, and don?t want to spoil the fun for those who haven?t watched the movie yet.

Demo: Here

Screenshot: Attached. First one is what you see when you open the thread. And the second one is when you highlight the part to see the spoiler message.

The Code: Attached.

[Vladdy]

OMG! I've been working on this, lol, **** you!! <--(That blocked word begins with a D and ends with an N just so you don't think it is another 4 letter word )

I visit a board that uses this, but I didn't want a hack, oh well you beat me to it

Good job!

[Vladdy]

I did it a different way though, but still as a vb code...

[Buddha]

if someone wants to accomplish the same using css, you can try this.

<table width='95%' align='center'><tr>    <td><smallfont color=red><b>Spoiler Alert</b> (highlight text):</font></td>
</tr><tr><td class='spoiler'>{param}</td></tr></table>

and then add this to your css file

.spoiler {  background-color: #ffffff; font-family: 
Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;
 text-decoration: none; border:1px solid #c4c4c4;
}

or, if you don't have a css file that you link to (you should, man), just use this instead.

<table width='95%' align='center'><tr>    <td><smallfont color=red><b>Spoiler Alert</b> (highlight text):</font></td>
</tr><tr><td style="background-color: #ffffff; font-family: 
Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;
 text-decoration: none; border:1px solid #c4c4c4">{param}</td></tr></table>

hope you don't mind, matrixgl. you kinda inspired me to do this using css. you can also add the button in your template, and edit your vb language file (won't discuss that here however, as that would qualify this as a hack).

here are some screenshots of what it comes out as.

[Tony G]

There are many ways of doing it, but this one should work nice.

[Matrixgl]

Originally Posted by Buddha

hope you don't mind, matrixgl. you kinda inspired me to do this using css. you can also add the button in your template, and edit your vb language file (won't discuss that here however, as that would qualify this as a hack).

here are some screenshots of what it comes out as.

Nope, not at all ....now that I look at it, yours look a lot nicer and cleaner *insert thumbs up here*

I thought about including a css part, but scrapped it because I wanted to go for the easiest method

Nice job!

vladdy: Least it was done by somebody

[Vladdy]

Originally Posted by Matrixgl

vladdy: Least it was done by somebody

hehe this is true

[Buddha]

Originally Posted by Matrixgl

Nope, not at all ....now that I look at it, yours look a lot nicer and cleaner *insert thumbs up here*

I thought about including a css part, but scrapped it because I wanted to go for the easiest method

Nice job!

vladdy: Least it was done by somebody

thanks.
actually, got me thinking of a few other things i could do, so i made a poker table complete with chips... it's like the quotes table, but looks like a poker table.
(we have virtual poker games on my site, for fun, not real cash.)

i'm thinking of making a cool sarcasm tag now that will also include an image.

[Matrixgl]

Originally Posted by Buddha

thanks.
actually, got me thinking of a few other things i could do, so i made a poker table complete with chips... it's like the quotes table, but looks like a poker table.
(we have virtual poker games on my site, for fun, not real cash.)

i'm thinking of making a cool sarcasm tag now that will also include an image.

Good luck

*claps for MatrixGL*

I just installed this!