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
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] →
[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]
↓
↓
[right][/right] → [right]right[/right]
↓
↓
right
[list][/list]
↓
[list]List item one
List item two[/list]
↓
↓
[list]List item one
List item two[/list]
↓
- List item one
- List item two
[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]
[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:
- Only get a symbol for D6.
- First number is the number of times rolled.
- Second number is the highest random number you will get. Can be 2 and up.
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:242
Visible to:anyone
Can be edited by:authors only
Quotes
↓
*wont work without "=", will work without "Name".
Dropdown Spoiler
Click the arrow to dropdown.*"Description" not required: