Coding help

[FloatingAroundSpace]

So I've seen a lot of people color in the background of their accordion slides but I can't seem to figure out how to do it so cleanly.

The Hunted

In a world divided in half, few things are sacred. Life just so happens to not be one of them.

no slide

Vampires

Werewolves

Technical term: Lychanthropes

Faes

Gods

Angels

Demons

Banshees

Sorcerers

Humans

[/center]

There is still the default color present.

[center][bg=#e6e6e6][border=1px solid #660000][color=#330000][size=7][font=Century]The Hunted[/font][/size][/color][/border][border=1px solid #660000][/border]
[font=Book Antiqua][i]In a world divided in half, few things are sacred. Life just so happens to not be one of them.[/i]
[/font]
[/bg][/center]


[bg=#e6e6e6]
[font=Book Antiqua][accordion]
{slide=[bg=#4D0000][color=#ffffff]Vampires[/color]}[/bg]
{/slide}
{slide=[bg=#590000][color=#ffffff]Werewolves[/color][/bg]}
Technical term: Lychanthropes
{/slide}
{slide=[bg=#640000][color=#ffffff]Faes[/color][/bg]}
{/slide}
{slide=[bg=#700000][color=#ffffff]Gods[/color][/bg]}
{/slide}
{slide=[bg=#7B0000][color=#ffffff]Angels[/color][/bg]}
{/slide}
{slide=[bg=#870000][color=#ffffff]Demons[/color][/bg]}
{/slide}
{slide=[bg=#920000][color=#ffffff]Banshees[/color][/bg]}
{/slide}
{slide=[bg=#9E0000][color=#ffffff]Sorcerers[/color][/bg]}
{/slide}
{slide=[bg=#A90000][color=#ffffff]Humans[/color][/bg]}
{/slide}
[/accordion]
[/center][/font][/bg]


[center][bg=#e6e6e6][border=1px solid #660000][color=#330000][size=7][font=Century]The Hunted[/font][/size][/color][/border][border=1px solid #660000][/border]
[font=Book Antiqua][i]In a world divided in half, few things are sacred. Life just so happens to not be one of them.[/i]
[/font]
[/bg][/center]


[bg=#e6e6e6]
[font=Book Antiqua][accordion]
{slide=[bg=#4D0000][color=#ffffff]Vampires[/color]}[/bg]
{/slide}
{slide=[bg=#590000][color=#ffffff]Werewolves[/color][/bg]}
Technical term: Lychanthropes
{/slide}
{slide=[bg=#640000][color=#ffffff]Faes[/color][/bg]}
{/slide}
{slide=[bg=#700000][color=#ffffff]Gods[/color][/bg]}
{/slide}
{slide=[bg=#7B0000][color=#ffffff]Angels[/color][/bg]}
{/slide}
{slide=[bg=#870000][color=#ffffff]Demons[/color][/bg]}
{/slide}
{slide=[bg=#920000][color=#ffffff]Banshees[/color][/bg]}
{/slide}
{slide=[bg=#9E0000][color=#ffffff]Sorcerers[/color][/bg]}
{/slide}
{slide=[bg=#A90000][color=#ffffff]Humans[/color][/bg]}
{/slide}
[/accordion]
[/center][/font][/bg]

 

[Lady Warlock]

I'm not entirely sure why this works, but if you put a border around the accordion, I think you should get what you're looking for.


Edit:

no slide

Vampires

Werewolves

Technical term: Lychanthropes

Faes

Gods

Angels

Demons

Banshees

Sorcerers

Humans

 

[Dusky]

Do you mean the border around the accordion? Putting a 0 pixel border around the accordion will get rid of that icky grey box.


If you mean the color in the drop-down area of each slide, you need to do that manually. The slide and its drop down area are considered two separate things, so it needs to look like:

[border=0px solid black][accordion]{slide=[bg=#A90000][color=#ffffff]Title[/color][/bg]}[bg=#A90000][color=#ffffff]Text[/color][/bg]{/slide}[/accordion][/border]

Looks like:

Title

Text

 

[FloatingAroundSpace]

@DaughterofAthena @Anomaly


Thank you both! I didn't know you had to do that.