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!



Table of Contents


Text Appearance
Text Formatting
Links
Bonus
- Quotes
- Dropdown Spoiler
- Custom Blocks
- Dice
- Invisible Bookmarks



Enabled BBCode Tags


Text Appearance


[b][/b] → [b]bold[/b] →
bold

[i][/i] → [i]italic[/i] →
italic

[u][/u] → [u]underline[/u] →
underline

[rainbow][/rainbow] → [rainbow]rainbow[/rainbow] →
rainbow


[s][/s] → [s]strike[/s] →
strike

[spoiler][/spoiler] → [spoiler]spoiler[/spoiler] →
[spoiler]spoiler[/spoiler]
*Click for and alternate spoiler tag.



Text Formatting


[left][/left] → [left]left[/left]

left


[center][/center] → [center]center[/center]

center


[right][/right] → [right]right[/right]

right


[list][/list]

[list]List item one
List item two[/list]



[h1][/h1] → [h1]Title[/h1]

Title


[h2][/h2] → [h2]Header[/h2]

Header


[h3][/h3] → [h3]Header[/h3]

Header


[h4][/h4] → [h4]Header[/h4]

Header



[hr]

*These are customizable; CSS:
hr { height: 0; border-top: /*your code here*/; }




Links


[user][/user] → [user]Karin[/user] →

(Clicking the image of the user will take you to their profile.)

[url][/url] → [url]http://chibidoll.com[/url] →
http://chibidoll.com
OR
[url=][/url] → [url=http://chibidoll.com]My site[/url] →
My site

[img][/img] → [img]image URL[/img]
[imgleft][/imgleft] → [imgleft]image URL[/imgleft]
[imgright][/imgright] → [imgright]image URL[/imgright]


[youtube][/youtube] → [youtube]embed URL of Youtube video[/youtube] →
>video<



Bonus


/code is breaking the page...?

Quotes

[quote=][/quote] → [quote=name] Words [/quote]


name wrote:
Words

*wont work without "=", will work without "Name".

Dropdown Spoiler

Click the arrow to dropdown.
[spoiler=][/spoiler] → [spoiler=Description] Hide and Seek. [/spoiler]
→ [spoiler=Description] Hide and Seek. [/spoiler]
*"Description" not required:
[spoiler=][/spoiler] → [spoiler=] Hide and Seek. [/spoiler]
→ [spoiler=] Hide and Seek. [/spoiler]

Custom Blocks

Make an element that you can edit with CSS using #newname { } in your style sheet:
[block=newname] Content [/block]

There is a univers of possibilities with this tag! 👀

If you are showing off pixel art, it will get blurry on mobile, unless you use this special block:
[block=pixel-art][/block] → [block=pixel-art][img]https://i.imgur.com/dbc0TH3.png[/img][/block]


Here's what it looks like without:
[/block] → [block=pixel-art][img]https://i.imgur.com/dbc0TH3.png[/img][/block]




Dice

[dice][/dice]
→ roll a 6-sided die (1d6) →
Ookami Kenran rolled

[dice]4[/dice]
→ roll 4 6-sided dice (4d6) →
Ookami Kenran rolled
⚀ ⚅ ⚄ ⚃
= 16

[dice]3d8[/dice]
→ roll 3 8-sided die (3d8) →
Ookami Kenran rolled 3 d8, the total was 1 + 6 + 2 = 9

Notes about dice:

Invisible Bookmarks

Make a link to a different part of the same page.
This is how the Table of Contents and the link under [spoiler]/spoiler[/spoiler]
Two pieces are required for this to work:
1.) The location and id for the link
2.) The actual link.

1.)
[bookmark][/bookmark] → [bookmark]bookmark name[/bookmark]

*Remember this is invisible, so it doesn't show visibly on your page.

2.)
[url=#][/url] → [url=#bookmark name]link[/url] →
link


Wiki title:BBCode Guide
Last changed:December 12, 2022 by Ookami Kenran
Author(s):Ookami Kenran, Karin
Page views:241
Visible to:anyone
Can be edited by:authors only
|< Viewing 25 - 39 of 39
August 9, 2022 17:51 (6 months ago)
I still like the idea of /code having a monospace font.
Ookami Kenran
August 9, 2022 18:55 (6 months ago)
Doesn't it? I thought I already made that. Alright I will, then can you please update the guide?
Karin
August 9, 2022 19:00 (6 months ago)
Yes. <3
Ookami Kenran
August 28, 2022 20:19 (5 months ago)
@This page, updated the note about pixel art! 'w* <3
Ookami Kenran
November 13, 2022 23:14 (2 months ago)
I still miss my new spoiler tags that I almost forgot I made
it's a spoiler tag with an =
Karin
November 16, 2022 17:59 (2 months ago)
I also want to ad a table of contents...
Ookami Kenran
December 10, 2022 0:15 (2 months ago)
Also add the difference for pixel-art block
Ookami Kenran
December 11, 2022 20:45 (8 weeks ago)
Quote as well as spoiler= isn't up there; which section do you think they should go in? Text Formatting, Bonus, or their own?
Ookami Kenran
December 11, 2022 20:59 (8 weeks ago)
I'm fine with anything as long as they're together with the normal spoiler tags. Also thanks for updating!
Karin
December 11, 2022 21:55 (8 weeks ago)
Why is the following working here, but not in the page??? o.O

Quotes

[quote=][/quote] → [quote=name] Words [/quote]


name wrote:
Words

*wont work without "=", will work without "Name".

Dropdown Spoiler

Click the arrow to dropdown.
[spoiler=][/spoiler] → [spoiler=Description] Hide and Seek. [/spoiler]

*"Description" not required:
[spoiler=][/spoiler] → [spoiler=] Hide and Seek. [/spoiler]
Ookami Kenran
December 11, 2022 22:18 (8 weeks ago)
I think description is required though because it's used to generate an id so it knows which one is being opened.
Karin
December 11, 2022 22:18 (8 weeks ago)
Okay, at a stopping point
Ookami Kenran
December 11, 2022 22:19 (8 weeks ago)
O.o Ive used it without description before. here
Ookami Kenran
December 11, 2022 23:19 (8 weeks ago)
I took out the no description part and it still didn't work.
Ookami Kenran
December 11, 2022 23:59 (8 weeks ago)
Maybe the one in the comments is breaking it all.
Karin