Help with Bbcodes

[gloomAI]

I am trying to use BBcode to create an interest check sheet, and I keep running into trouble with the accordions. How do you color the accordion to blend into the background?

 

[Mordecai]

I'm going to call on my beautiful BBCode helpers...


@Anomaly


@CRiTiCAL ERR0R

 

[Mifuyne]

Hope no one minds if I jumped in with an answer. @BlueLikeATardis, were you looking for something like this:

Click Me!

Text goes in here

Click Me!

Text goes in here

Click Me!

Text goes in here

[border=0]
[accordion=50%|bcenter]
{slide=[bg=#eee]Click Me![/bg]}[bg=white]Text goes in here[/bg]{/slide}
{slide=[bg=#eee]Click Me![/bg]}[bg=white]Text goes in here[/bg]{/slide}
{slide=[bg=#eee]Click Me![/bg]}[bg=white]Text goes in here[/bg]{/slide}
[/accordion]
[/border]

 

[gloomAI]

Yes, that is exactly what I was looking for. Thank you @Mifuyne

 

[Mifuyne]

No problem, glad I could help

 

[gloomAI]

Hey @Mifuyne, is there any way to color the tab options or no?

 

[Mifuyne]

Hey @Mifuyne, is there any way to color the tab options or no?

Honestly, I don't think it's possible. I could be wrong, though. Sorry

 

[gloomAI]

@Mifuyne It's alright, thanks again for your help!

 

[Mifuyne]

No problem, glad I could help

 

[gloomAI]

@Mifuyne I have a quick question about bb coding again. Do you know how to make two separate backgrounds appear side by side with each other?

 

[TheDox]

Hey @Mifuyne, is there any way to color the tab options or no?

Honestly, I don't think it's possible. I could be wrong, though. Sorry

Do you mean the part of the accordion you click to open it, @BlueLikeATardis ?


Assuming you mean what I think you do;


In the code @Mifuyne gave us,

[border=0]
[accordion=50%|bcenter]
{slide=[bg=#eee]Click Me![/bg]}[bg=white]Text goes in here[/bg]{/slide}
{slide=[bg=#eee]Click Me![/bg]}[bg=white]Text goes in here[/bg]{/slide}
{slide=[bg=#eee]Click Me![/bg]}[bg=white]Text goes in here[/bg]{/slide}
[/accordion]
[/border]

[bg=#eee] sets that value. The #eee is a hexcode and, as you may know, can be replaced with either another hexcode or a colour name.


//here's hoping you weren't referring to [tab]

 

[TheDox]

Mifuyne I have a quick question about bb coding again. Do you know how to make two separate backgrounds appear side by side with each other?

They can be placed next to eachother like this, but will leave a gap.

[row]
[column=span4][bg=green]text1[/bg][/column]
[column=span4][bg=blue]text2[/bg][/column]
[/row]

If you place another [bg] tag around the columns like this though, it fills that space with another background, which could of course match one of the two.

[bg=red][row]
[column=span4][bg=green]text1[/bg][/column]
[column=span4][bg=blue]text2[/bg][/column]
[/row][/bg]

Also, you have the option to simply [bg=colour1]text1[/bg][bg=colour2]text2[/bg] but although the backgrounds touch this time, one is on top of the other.


Anyway, hope I've been helpful, and if you have any more questions let me know.

 

[gloomAI]

Do you mean the part of the accordion you click to open it, @BlueLikeATardis ?
Assuming you mean what I think you do;


In the code @Mifuyne gave us,

[border=0]
[accordion=50%|bcenter]
{slide=[bg=#eee]Click Me![/bg]}[bg=white]Text goes in here[/bg]{/slide}
{slide=[bg=#eee]Click Me![/bg]}[bg=white]Text goes in here[/bg]{/slide}
{slide=[bg=#eee]Click Me![/bg]}[bg=white]Text goes in here[/bg]{/slide}
[/accordion]
[/border]

[bg=#eee] sets that value. The #eee is a hexcode and, as you may know, can be replaced with either another hexcode or a colour name.


//here's hoping you weren't referring to [tab]

I was talking about these tabs.

• Tab A
• Tab B

• 
  
  
  Content For Tab A.
  
  
  
• 
  
  
  Content For Tab B.
  
  
  

They can be placed next to eachother like this, but will leave a gap.

[row]
[column=span4][bg=green]text1[/bg][/column]
[column=span4][bg=blue]text2[/bg][/column]
[/row]

If you place another [bg] tag around the columns like this though, it fills that space with another background, which could of course match one of the two.

[bg=red][row]
[column=span4][bg=green]text1[/bg][/column]
[column=span4][bg=blue]text2[/bg][/column]
[/row][/bg]

Also, you have the option to simply [bg=colour1]text1[/bg][bg=colour2]text2[/bg] but although the backgrounds touch this time, one is on top of the other.


Anyway, hope I've been helpful, and if you have any more questions let me know.

Thanks so much for the help on the coding!

 

[gloomAI]

@TheDox Do you know how to put borders around accordion slides?

 

[TheDox]

@TheDox Do you know how to put borders around accordion slides?

If I'm not mistaken, this seems to be the best that can be done, and it doesn't go too well as you can see in the spoiler.

Spoiler

Tab 1

Text

Tab 2

Text

Tab 3

Text

[border=2px solid blue]
[accordion=50%]
{slide=Tab 1}Text{/slide}
[/accordion]
[/border]
[accordion=50%]
{slide=Tab 2}Text{/slide}
{slide=Tab 3}Text{/slide}
[/accordion]

 

[eclipsa]

If I'm not mistaken, this seems to be the best that can be done, and it doesn't go too well as you can see in the spoiler.

Spoiler

Tab 1

Text

Tab 2

Text

Tab 3

Text

[border=2px solid blue]
[accordion=50%]
{slide=Tab 1}Text{/slide}
[/accordion]
[/border]
[accordion=50%]
{slide=Tab 2}Text{/slide}
{slide=Tab 3}Text{/slide}
[/accordion]

like this?

code inside

[accordion]{slide=[bg=whatever][border=follow the standard border rules][color=whatever]title[/color][/border][/bg][bg=whatever][/bg]}

[accordion]{slide=[bg=black][border=1px solid white][color=white]this is exactly what i put[/color][/border][/bg][bg=black][/bg]}

 

[eclipsa]

don't ask me why the gray border is there, sometimes it just happens. >.>

 

[TheDox]

like this?

code inside

[accordion]{slide=[bg=whatever][border=follow the standard border rules][color=whatever]title[/color][/border][/bg][bg=whatever][/bg]}

[accordion]{slide=[bg=black][border=1px solid white][color=white]this is exactly what i put[/color][/border][/bg][bg=black][/bg]}

I honestly have no idea why I didn't think of this, beyond having stayed up for.. way too long. Nice one, though!

 

[gloomAI]

If I'm not mistaken, this seems to be the best that can be done, and it doesn't go too well as you can see in the spoiler.

Spoiler

Tab 1

Text

Tab 2

Text

Tab 3

Text

[border=2px solid blue]
[accordion=50%]
{slide=Tab 1}Text{/slide}
[/accordion]
[/border]
[accordion=50%]
{slide=Tab 2}Text{/slide}
{slide=Tab 3}Text{/slide}
[/accordion]

Not exactly what I was talking about, but thanks for your help.

like this?

code inside

[accordion]{slide=[bg=whatever][border=follow the standard border rules][color=whatever]title[/color][/border][/bg][bg=whatever][/bg]}

[accordion]{slide=[bg=black][border=1px solid white][color=white]this is exactly what i put[/color][/border][/bg][bg=black][/bg]}

Yeah, that's what I have been trying to do. Thanks for your help.

 

[gloomAI]

@Eunoia @TheDox You know how some bbcoders have those 2 thin borders that are close on each other? I am trying to do that for my bb code, but I keep getting this huge gap in between. How do I fix that?

 

[jiminie]

@Eunoia @TheDox You know how some bbcoders have those 2 thin borders that are close on each other? I am trying to do that for my bb code, but I keep getting this huge gap in between. How do I fix that?

Do you mean a border around the entire post/background?

 

[eclipsa]

@Eunoia @TheDox You know how some bbcoders have those 2 thin borders that are close on each other? I am trying to do that for my bb code, but I keep getting this huge gap in between. How do I fix that?

Do you mean like a double border?

title

stuff

 

[TheDox]

[border=3px double darkblue]

This should work fine, and is most likely what Eunoia did


ex:

Double border all the way across the sky~

Let it be noted that border size may still be adjusted.


@BlueLikeATardis

 

[CloudyBlueDay]

don't ask me why the gray border is there, sometimes it just happens. >.>

You can easily remove the gray border around an accordion if you just put a border code around the entire coding.


Like so.

[border=1px solid white]
[accordion]
{slide=blah}blah{/slide}
[/accordion]
[/border]

That'll get rid of it.

 

[eclipsa]

You can easily remove the gray border around an accordion if you just put a border code around the entire coding.
Like so.

[border=1px solid white]
[accordion]
{slide=blah}blah{/slide}
[/accordion]
[/border]

That'll get rid of it.

oh I actually figured this out like two days after making this post! you can use a 0px border as well. v helpful friend.