Help Please.

[PandaDarling]

I was wondering how to make one of those drop down bars "spoiler" things everyone put their photos and art in. thanks in advance. have a good day.

 

[Nightmares]

Hey, this is better in the Belltree HQ but nvm haha

[spoiler=hai]bai[/spoiler]

Spoiler: hai

bai

 

[MapleLeafKangaroos]

Before your text, put spoiler with brackets (like this [ ]) before and after, and then put your text in the middle, and after that put /spoiler (with brackets in front and behind as well)

 

[AnimalCrossingPerson]

Don't forget you can put spoilers inside spoilers!

[SPOILER="Number 1"][SPOILER="Number 2"][SPOILER="Number 3"][CENTER][IMG]http://tinalyzing.com/wp-content/uploads/2014/12/Say-Hello1.jpg[/IMG][/CENTER][/SPOILER][/SPOILER][/SPOILER]

Spoiler: Number 1

Spoiler: Number 2

Spoiler: Number 3

 

[Kayrii]

You can also put spoilers beside one another like so:

[table="width: 700, align: center"]
[tr]
	[td][SPOILER=Left spoiler] Add contents here [/SPOILER][/td]
	[td][SPOILER=Right spoiler] Add contents here [/SPOILER][/td]
[/tr]
[/table]

[table="width: 700, align: center"]
[tr]
[td]

Spoiler: Left spoiler

Add contents here

[/td]
[td]

Spoiler: Right spoiler

Add contents here

[/td]
[/tr]
[/table]
You can have more than just two also, like this:

[table="width: 700, align: center"]
[tr]
	[td][SPOILER=Spoiler 1] Add contents here [/SPOILER][/td]
	[td][SPOILER=Spoiler 2] Add contents here [/SPOILER][/td]
	[td][SPOILER=Spoiler 3] Add contents here [/SPOILER][/td]
	[td][SPOILER=Spoiler 4] Add contents here [/SPOILER][/td]
[/tr]
[/table]

[table="width: 700, align: center"]
[tr]
[td]

Spoiler: Spoiler 1

Add contents here

[/td]
[td]

Spoiler: Spoiler 2

Add contents here

[/td]
[td]

Spoiler: Spoiler 3

Add contents here

[/td]
[td]

Spoiler: Spoiler 4

Add contents here

[/td]
[/tr]
[/table]
If you want a thin spoiler with no title, simply do this:

[spoiler= ] Add contents here [/spoiler] << Lower case letters

Spoiler:

Add contents here

 

[AnimalCrossingPerson]

You can also put spoilers beside one another like so:
[table="width: 700, align: center"]
[tr]
[td]

Spoiler: Left spoiler

Add contents here

[/td]
[td]

Spoiler: Right spoiler

Add contents here

[/td]
[/tr]
[/table]
You can have more than just two also, like this:
[table="width: 700, align: center"]
[tr]
[td]

Spoiler: Spoiler 1

Add contents here

[/td]
[td]

Spoiler: Spoiler 2

Add contents here

[/td]
[td]

Spoiler: Spoiler 3

Add contents here

[/td]
[td]

Spoiler: Spoiler 4

Add contents here

[/td]
[/tr]
[/table]
If you want a thin spoiler with no title, simply do this:

Spoiler:

Add contents here

Now that's just fancy!

Panda, don't forget that tables can be great for making a pretty signature! Kayrii's signature no doubt uses a table or two. My one is just made of a simple two-column, one-row table to get the text and spoiler beside the image.

Here it is with the table outline shown to make it easier to visualise:

[table="width: 700, class:grid"][tr][td][/td][td]


I tend to miss replies in threads so perhaps send a visitor message, especially on busy threads.

Spoiler: You won't believe what's in here!

Keep going...

Spoiler: You won't believe what's in here!

Keep going...

Spoiler: You won't believe what's in here!

Keep going...

Spoiler: You won't believe what's in here!

Keep going...

Spoiler: You won't believe what's in here!

Keep going...

Spoiler: You won't believe what's in here!

Keep going...

Spoiler: You won't believe what's in here!

Char. limit reached!

[/td][/tr][/table]​

EDIT: Ugh, got scaled down. Does that in the post previews too. You still get the idea though.