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 by Karin
Author(s):Karin
Page views:22
Visible to:anyone
Can be edited by:authors only
How to put my dolls side to side in a straight light
twizzy
I'm not sure what it is you want to accomplish...

Could you explain?
Karin
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
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
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
<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
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
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
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
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