Closed How do I customize accordions?

[C r y s t a l s]

How can I add font colors, background colors, and borders[?]Inside of a slide and when the slide opens?

Spoiler

[color= #FFDED8]"The Werido Witch Club"[/color]​

Let Go Of

Witch RolePlay

Your Fear

xxx


X

Image will be placed here

cause dear tonight

xxx

we are going

xxx

to make mistakes

xxx

Image

​

 

[deer]

hello lovely!

to customize your accordion, you first need a background code in front of your accordion code! afterwards, you would add a background code into your slide code.

for example:

[border=transparent][accordion=center | 100%]{slide=center | 100 | [bg=color here][COLOR=color here]Meow[/COLOR][/bg]}slide info here{/slide}

so to break down this code, the border code should always be "transparent" , inside your slide you can add in bg, color, size, etc.! just remember that order does matter! color code should always before your actual text!

the "100" inside the slide code allows the slide to have that height, and if your text goes past that "height" it automatically scrolls.

the "center" inside the slide code centers your text

the "100%" inside your accordion code is the width of all your slide in a sense that it the 100% extends to your whole post! you can change it to 75% , 85% as you wish!




you don't need to continuously repeat the border code because like the accordion code, it should only be at the beginning and end of the whole code itself!

i hope this helps!

 

[deer]

also, you can use the div code inside the slide code as well depending on which one is easier and which one you like more!

 

[C r y s t a l s]

I don't know div all to well I just started with coding.

also, you can use the div code inside the slide code as well depending on which one is easier and which one you like more!

hello lovely!

to customize your accordion, you first need a background code in front of your accordion code! afterwards, you would add a background code into your slide code.

for example:

[border=transparent][accordion=center | 100%]{slide=center | 100 | [bg=color here][COLOR=color here]Meow[/COLOR][/bg]}slide info here{/slide}

so to break down this code, the border code should always be "transparent" , inside your slide you can add in bg, color, size, etc.! just remember that order does matter! color code should always before your actual text!

the "100" inside the slide code allows the slide to have that height, and if your text goes past that "height" it automatically scrolls.

the "center" inside the slide code centers your text

the "100%" inside your accordion code is the width of all your slide in a sense that it the 100% extends to your whole post! you can change it to 75% , 85% as you wish!




you don't need to continuously repeat the border code because like the accordion code, it should only be at the beginning and end of the whole code itself!

i hope this helps!

I will try it out! Thank you for the information, it is very helpful because I played around with it for a little while and couldn't figure it out.

 

[deer]

I don't know div all to well I just started with coding.



I will try it out! Thank you for the information, it is very helpful because I played around with it for a little while and couldn't figure it out.

you're welcome love! the first option with writing all the bbcodes out is much easier to understand first and then div! let me know if you need any more help! i'll be glad to assist!

 

[C r y s t a l s]

deer

Can you tell me if this looks okay on a computer screen?

Spoiler: finished product without info

[color= White]"The Werido Witch Club"[/color]​

Let Go Of

Witch RolePlay

Your Fear

xxx


X

Cause dear tonight

Witch RolePlay

We are going to

xxx


X

Make Mistakes

xxx


X

​

Coded By MINT

 

[deer]

deer

Can you tell me if this looks okay on a computer screen?

Spoiler: finished product without info

[color= White]"The Werido Witch Club"[/color]​

Let Go Of

Witch RolePlay

Your Fear

xxx


X

Cause dear tonight

Witch RolePlay

We are going to

xxx


X

Make Mistakes

xxx


X

​

Coded By MINT

when i get home ill let you know love! but it looks great on mobile!

 

[Necessity4Fun]

deer

Can you tell me if this looks okay on a computer screen?

Spoiler: finished product without info

"The Werido Witch Club"​

Let Go Of

Witch RolePlay

Your Fear

xxx


X

Cause dear tonight

Witch RolePlay

We are going to

xxx


X

Make Mistakes

xxx


X

​

Coded By MINT

Oh, I had seem this from class, but couldn't actually assist you from my phone >w<
I see someone else already did so~

I think it looks great code wise, I just would either make the slide title font bigger or unbold it, it's a bit hard to see from here with the font you picked. But hey! Great job!

 

[C r y s t a l s]

Oh, I had seem this from class, but couldn't actually assist you from my phone >w<
I see someone else already did so~

I think it looks great code wise, I just would either make the slide title font bigger or unbold it, it's a bit hard to see from here with the font you picked. But hey! Great job!

The font is naturally bold. I will just change the size.

 

[C r y s t a l s]

Necessity4Fun

Better?

 

[Necessity4Fun]

Necessity4Fun

Better?

Yep! Tho still a bit challenging (but that's the font itself can't do much about that) I can ACTUALLY read it now XD

 

[C r y s t a l s]

Yep! Tho still a bit challenging (but that's the font itself can't do much about that) I can ACTUALLY read it now XD

Changed the font to Barrio instead of Madok

 

[Necessity4Fun]

Changed the font to Barrio instead of Madok

So much better and I gotta say, a lot more fitting even! LOVE IT

 

[C r y s t a l s]

So much better and I gotta say, a lot more fitting even! LOVE IT

♥ thank you for the help!

 

[Necessity4Fun]

♥ thank you for the help!

You're welcome!!
Always eager to help! OWO7

 

[deer]

deer

Can you tell me if this looks okay on a computer screen?

Spoiler: finished product without info

[color= White]"The Werido Witch Club"[/color]​

Let Go Of

Witch RolePlay

Your Fear

xxx


X

Cause dear tonight

Witch RolePlay

We are going to

xxx


X

Make Mistakes

xxx


X

​

Coded By MINT

hi, love! it looks wonderful on computer