BBCode Guide
Official site resource (Tutorials)

On Chibi Pixel Doll Dress-Up, you can use BBCode (Wikipedia) to make your messages a little more interesting than plain text. You can use these codes while posting, editing your profile or a editing a wiki. If you're looking for extra effects like changing the text color, use CSS. We have a guide about that here.

You have to be careful that the BBCode tags match exactly. Whenever using tags, we recommend to preview before posting!

Enabled BBCode tags

[b]bold[/b] -> bold

[i]italic[/i] -> italic

[u]underline[/u] -> underline

[s]strike[/s] -> strike

[left]left[/left] ->
left
[center]center[/center] ->
center
[right]right[/right] ->
right


[list]one
two[/list] ->

[url]http://chibidoll.com[/url] -> http://chibidoll.com

[url=http://chibidoll.com]My site[/url] -> My site

[img]image URL[/img]

[imgleft] image URL [/imgleft] or
[imgright] image URL [/imgright]

[dice]2[/dice] roll 2 6-sided dice
Karin rolled
⚅ ⚅
= 12


[dice]3d8[/dice] roll 3 8-sided dice
Karin rolled 3 d8, the total was 2 + 6 + 4 = 12


[spoiler] spoiler text [/spoiler]
spoiler text


[user]Karin[/user] -> [user]Karin[/user]
(Show someone's avi and link to their profile)

[block=newname] something [/block]
(making a CSS-able box around something, edit using #newname {...} in your style sheet)

[bookmark]invisible bookmark[/bookmark]

[url=#invisible bookmark]link[/url] -> link that leads to invisible bookmark

[code]show unprocessed BBCode tags[/code]

[youtube]embed URL of Youtube video[/youtube] -> video
Wiki title:BBCode Guide
Last changed:February 8, 2020 by Karin
Author(s):Karin, Ookami Kenran
Page views:141
Visible to:anyone
Can be edited by:authors only
October 1, 2012 14:39 (9 years ago)
How to put my dolls side to side in a straight light
twizzy
October 1, 2012 18:48 (9 years ago)
I'm not sure what it is you want to accomplish...

Could you explain?
Karin
January 15, 2020 19:56 (2 years ago)
I'm looking forward to the dice command!
I like the idea of being able to change an image in the bg to change the skin of the dice. I can make a placeholder if you ask.

I had another idea, can you make a sort spoiler command? Where the content is hidden until the viewer clicks/taps a button, then can be closed? Ex:
[spoi]css code
Body {}
#text {}
Etc... [/spoi]


As flair, I want to suggest changing the font when is used.

Is it possible to affect BBC with CSS? Like changing the text when or others are used, or the bg, text, links, etc, and button of spoilers?
Ookami Kenran
January 16, 2020 9:43 (2 years ago)
Hmm, if we're to use graphics for dice it would be hard to visualize custom dice like d8 and d20, though I do like graphics.

A spoiler tag could be useful, but do you want to use it for actual spoilers or just to fit more stuff into a page? Because a "spoiler" tag I would implement like they have it on Steam and the "hide" thing you can probably do already using a custom block.

BBCode results in some html change, and that you can style if you have access to the page css. With custom blocks you should be able to do anything.
Hello this is a custom block, see it even works inside a comment
Karin
January 17, 2020 1:25 (2 years ago)
I think I can make something happen when I have the time…

I know I can make a box expand when hovered over, and I can make buttons, but I haven't figured out how do this with out javascript yet…
Not afraid to use javascript, I just don't know how to implement it here.

Didn't know I could use blocks in comments... I like the idea...*mind whirling*
Ookami Kenran
January 17, 2020 2:18 (2 years ago)
<style>
.speechbox span {
background: white;
}
</style>

Can we also style in comments?


I've found this... I'm just not sure how to do this part (below) on this site. This would need to go in the page content somehow...

<input class="spoilerbutton" type="button" value="Show Solution" onclick="this.value=this.value=='Show Solution'?'Hide Solution':'Show Solution';">
Ookami Kenran
January 17, 2020 10:11 (2 years ago)
No you can only style the blocks if you're in control of the page css, like on your own profile or wiki page.
Karin
January 18, 2020 2:02 (2 years ago)
Suggestion: add ability to change font [color=red] color[/color] and [size=8]size[/size]. Maybe there can be a max size limit.
Ookami Kenran
January 21, 2020 19:24 (2 years ago)
Maybe some sort of highlight feature? Like [mark=date]11/15/1993[/mark] and [mark=speed]115mph[/mark] so you could do different colors if you have access to the CSS, and if you just [mark]marked[/mark] it, it would be the default <mark> color.
Ookami Kenran
January 21, 2020 19:50 (2 years ago)
You can also do that with blocks, if you style it using display: inline,

I'm aware that some people like fancy rainbow posting styles, but I also want to avoid this site turning into one big visual mess. Let's think about what we want to accomplish first and decide if we need to add tags for it later.
Karin
March 7, 2020 0:11 (2 years ago)
I really like the invisible bookmark, I only wish there was a way to not hide the invisible part. ^^;
Ookami Kenran
March 7, 2020 0:11 (2 years ago)
I really like the invisible bookmark, I only wish there was a way to not hide the invisible part. ^^;
Ookami Kenran
April 24, 2021 21:38 (15 months ago)
Hmm, would it make sense for the code tag to also add a span with a class that turns it to monospace font, or should we use a different tag for that?
Karin
April 25, 2021 0:17 (15 months ago)
I think I smell what you are stepping in, and yes, I think code tags should display in monospace
Ookami Kenran
May 19, 2021 17:26 (15 months ago)
I'm not sure if this is possible, but I think it would especially handy for D/GMs for secrets (would it be possible to tag multiple people?) or people posting code for a certain person in their wiki shop. We could have it so that other people don't even know it's there and/or we could keep it so only certain people could know it exists.

It's an idea... Let me know what you are thinking. <3
Ookami Kenran
June 16, 2021 21:50 (14 months ago)
I feel like the spoiler is more like censored or redacted Example:
Ookami Kenran
October 31, 2021 19:24 (9 months ago)
Is it possible to make it so that the block doesn't add a br after the div?
Ookami Kenran
November 7, 2021 15:17 (9 months ago)
Does it do that? I don't think that's the intention.
Karin
November 7, 2021 16:40 (9 months ago)
It does, it can be somewhat irritating.
Ookami Kenran
November 16, 2021 16:41 (9 months ago)
now that i've finally found this im saving it to my bookmarks so i cant lose it again @____@
cultclub
July 29 22:38 (2 weeks ago)
Can you make tags so that we can use the default headers in our pages?
Ookami Kenran
July 30 7:39 (2 weeks ago)
I've been meaning to ^^
Karin
August 3 13:35 (13 days ago)
Now that we have header tags, do you think people would use a horizontal rule?
If I want one, I currently need to make a custom block, set height to 0, then customize the top or bottom border...
Ookami Kenran
August 3 13:47 (13 days ago)
Oh wow, I think I forgot those existed XD
Karin
August 9 17:51 (7 days ago)
I still like the idea of /code having a monospace font.
Ookami Kenran
August 9 18:55 (7 days ago)
Doesn't it? I thought I already made that. Alright I will, then can you please update the guide?
Karin
August 9 19:00 (7 days ago)
Yes. <3
Ookami Kenran