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] ->center [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
[dice]3d8[/dice] roll 3 8-sided dice
[spoiler] spoiler text [/spoiler]
[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
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] ->
[left]left[/left] ->
left
[center]center[/center] -> right
[list]one
two[/list] ->
- one
- two
[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
Last changed: February 8, 2020 by Karin
Author(s): Karin
Visible to users and non-users
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:
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?
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.
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*
.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';">
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.