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]
*Hovering on the text will show what is hidden.
**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
Images
[img][/img] → [img]image URL[/img]
OR you can float it right or left:
[imgleft][/imgleft] → [imgleft]image URL[/imgleft]
[imgright][/imgright] → [imgright]image URL[/imgright]
[imgright][/imgright] → [imgright]image URL[/imgright]
[youtube][/youtube] → [youtube]embed URL of Youtube video[/youtube] →
>video<
*This has undesirable effects for mobile users, stretching the page and hiding the page up/down buttons
Bonus
The /code example tends to breaking the page...
Quotes
[quote=][/quote] → [quote=name] Words [/quote]
↓
name wrote:
Words *Without "=" this becomes redacted text, see above
*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]
-!-!-!-!-!-!-!- Karin: I did some debugging and the above 3 lines are what is ruining the spoiler tags. I also tried both lines individually. -!-!-!-!-!-!-!-
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! 👀
Displaying Pixel Art
If you are showing off pixel art, it will get blurry in some situations, 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
roll a 6-sided die (1d6) →[dice][/dice]
→ roll a 6-sided die (1d6) → Ookami Kenran rolled
⚂
roll 4 6-sided dice (4d6) →
[dice]4[/dice]
→ Ookami Kenran rolled
⚂ ⚄ ⚁ ⚃
= 14roll 3 8-sided die (3d8) →
[dice]3d8[/dice]
→ Ookami Kenran rolled 3 d8, the total was 5 + 3 + 4 = 12
Notes about dice:
- Only get a symbol for D6.
- First number you type is the number of times rolled.
- Second number you type 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 works
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:March 22 by Ookami Kenran
Author(s):Ookami Kenran, Karin
Page views:278
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: