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!
strike
*Hovering on the text will show what is hidden.
**Click for and alternate spoiler tag.
center
*These are customizable; CSS:
Clicking the image of the user will take you to their profile.
OR
OR you can float it right or left:
*This has undesirable effects for mobile users, stretching the page and hiding the page up/down buttons
The /code example tends to breaking the page...
↓
*Without "=" this becomes redacted text, see above
*Will work without "Name".
*"Description" not required:
-!-!-!-!-!-!-!- Karin: I did some debugging and the above 3 lines are what is ruining the spoiler tags. I also tried both lines individually. -!-!-!-!-!-!-!-
There is a univers of possibilities with this tag! 👀
Here's what it looks like without:
roll 4 6-sided dice (4d6) →
roll 3 8-sided die (3d8) →
Notes about dice:
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.)
*Remember this is invisible, so it doesn't show visibly on your page.
2.)
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
Last changed: March 22, 2024 by Ookami Kenran
Author(s): Ookami Kenran, Karin
Visible to users and non-users
Warning: Attempt to read property "username" on null in /customers/4/4/1/chibidoll.com/httpd.www/legacy/wiki.php on line 191
| I think description is required though because it's used to generate an id so it knows which one is being opened. |
|
| Okay, at a stopping point |
|
| O.o Ive used it without description before. here |
|
| I took out the no description part and it still didn't work. |
|
| Maybe the one in the comments is breaking it all. |
|
| Just noticing those comments after doing some debugging... If it's written correctly, I'm not sure why, but can we see if deleting all posts containing either spoiler tag will help? |
|
| Oh yeah, go ahead and try that! |
|
| I can't delete posts |
|
| Oh I thought I gave wiki authors the option. Let me fix that for you |
|
| No, not yet; thank you! :D |
|