BBcode legend discussion

Be sure to read and follow the guidelines for our forums.

Jul 19, 2021 2:41 pm
A BBcode legend that is. I'm missing some of those sweet formatting options we have and I can guess that others might want to find them in one place.

So, a proposition; let's have a pinned post with all the available tags we now have and update it as stuff gets added. Yay? Nay?

EDIT changed thread title to something more appropriate.
Last edited December 19, 2021 6:01 pm

Len

Jul 19, 2021 3:05 pm
Yep, we can start working on this. I would say that the more fancy stuff might require a private game forum for more of a showcase gallery of cool formatting tricks.
Jul 19, 2021 3:09 pm
This would be awesome!
Jul 19, 2021 3:17 pm
Antiproduct says:
A BBcode legend that is. I'm missing some of those sweet formatting options we have and I can guess that others might want to find them in one place.

So, a proposition; let's have a pinned post with all the available tags we now have and update it as stuff gets added. Yay? Nay?
Supported tags:

bbold
iitalic
uunderline
sstrikethrough
linebreakhorizontal rule
imgimage URL
urlnofollow URL
sizefont size with attribute as percent
oocout of character
spoilercollapsible section
noteprivate note
youtubeembedded youtube video
spotifyembedded spotify player (might be removed - I think the country blocking stopped it being used)
mapas img, but linked to source and supporting newlines (for OtFBM)
tablewith optional attributes center, right and stats
quotequote a section of text
code
Allows the use of [u]tags[/u] in text
Last edited July 27, 2021 2:31 pm
Jul 19, 2021 3:27 pm
lenpelletier says:
Yep, we can start working on this. I would say that the more fancy stuff might require a private game forum for more of a showcase gallery of cool formatting tricks.
Yeah, that's what I had in mind, like the inline pictures and text alignment.
Last edited July 19, 2021 3:31 pm
Jul 29, 2021 9:55 am
Definitely 'Yay' on the sticky. Would be most useful.

missing from the list above is
color

And an associated trick of setting the font face:

[ color=";font-family:monospace"]
The semicolon (;) is needed to separate the "font-family:..." part from the color code and inject it into the page's styles.
If you actually want to set the color as well, you can add it before the semicolon:


[ color=goldenrod;"font-family:monospace"]

Mono text in gold
Jul 29, 2021 10:06 am
Is there a list of what colors and fonts work? I'm sure yellow works, but I never would've thought to try goldenrod, which is a far easier color to read.
Jul 29, 2021 10:20 am
I assume all the standard web colors work, as do #hex codes (see HTML Color Codes and Color Names). Be wary of going too exotic, some colors are hard for some people to read, don't assume your eyes work like others' eyes. :)

Likewise with the fonts, w3schools has a list of 'safe' fonts that might be useful.

The ;-hack means styling the browser supports should work, I only use it for fonts.
Jul 29, 2021 10:35 am
One thing to be wary of with colors is also that some people use dark mode and some use light mode, so try to pick a color that should be legible on both white and dark grey backgrounds
Jul 29, 2021 7:34 pm
bowlofspinach says:
One thing to be wary of with colors is also that some people use dark mode and some use light mode, so try to pick a color that should be legible on both white and dark grey backgrounds
and some people are colour blind and will have a harder time picking some of them up.
Jul 29, 2021 7:46 pm
Quote:
and some people are colour blind and will have a harder time picking some of them up.
That is also a great thing to keep in mind!
Jul 30, 2021 2:32 am
** Reads title of thread **

But I'm already here...
Jul 30, 2021 4:03 am
bowlofspinach says:
Quote:
and some people are colour blind and will have a harder time picking some of them up.
That is also a great thing to keep in mind!
Best way to know if anyone has a problem with the colors you picked... Ask. :)
On the flip-side: If you have trouble with the colors someone is using... Say so.
Sep 4, 2021 6:18 pm
Is there a way of centering text and/or images? It’d be great if we had that option. Just wondering
Sep 4, 2021 6:23 pm

Yep, that can be done with a little hackery.
[ color=";display:block;text-align:center;]
...and then whatever you want centered here
remove the spaces after the opening brackets ([ ), they are there to allow the site to display the format codes
[ /color]
Sep 4, 2021 6:28 pm
vagueGM says:

Yep, that can be done with a little hackery.
[ color=";display:block;text-align:center;]
...and then whatever you want centered here
remove the spaces after the opening brackets ([ ), they are there to allow the site to display the format codes
[ /color]
Awesome, thanks!
Sep 4, 2021 11:45 pm
kalajel says:
** Reads title of thread **

But I'm already here...
😂
Sep 29, 2021 4:47 pm
CodeUse

[b][/b]
Bold

[i][/i]
Italics

[u][/u]
Underline

[s][/s]
Strikethrough

[linebreak]
Adds line through entire post.

[color="CSS color"][/color]
Makes text that color

[color=";font-family:Name"]
The semicolon (;) is needed to separate the "font-family:..." part from the color code and inject it into the page's styles. If you actually want to set the color as well, you can add it before the semicolon:

[img]Image Link Here[/img]
Embeds image in post.

[url=Link]text to link[/url]
links to website: Fourms

[quote="Source"][/quote]
To quote what somebody said.

[note="USERNAME"][/note]
To hide something from everyone but people with usernames listed. (Doesn't hide from GM, or hide the fact that it exists)

[private="USERNAMES"][private]
Like note but Instead Entirely Invisible to others, they won't even know it existed

[ooc][/ooc]
Out of character

[spoiler="Name Of Spoiler"]Contents[/spoiler]
hides contents in collapsible box

[npc="Adam"]https://gamersplane.com/ucp/avatars/5988.png[/npc]
Alow you to post as a character without a character sheet.

@mentions
gets somebodies attention.

[poll="whatever we're voting about"]options each one line down from each other[/poll]
Way to conduct a vote in thread.

[size="%Increase/Decrease"][/size]
Changes The Size of Text

[youtube][/youtube]
Used to Embed Youtube Video

[map][/map]
as img, but linked to source and supporting newlines (for OtFBM)

[table][/table]
Used to line things up vertically, with straight up and down lines as seperators (like this table)
[ +- ] Table Prefix's
[ +- ] Fonts
[ +- ] Typing Fonts
[ +- ] Links to other CSS stuff

Character Sheet Only Tags
CodeUse

[abilities="Ability Type"]
# Ability name
Description
[/abilities]

Abilities renders as any of the usual blocks in non custom character sheets example.
https://i.imgur.com/6I6l1LT.png
[snippet="Group of snippets"]
# Name
Contents
# Name
cont.[/snippet]

[npcs="All the NPC's]
Joe|Joe's Image Link
Adam|https://gamersplane.com/ucp/avatars/5988.png[/npcs]


[2column]
[col]
stuff in the right half of your character sheet
[/col]
[col]
stuff in the left half of your character sheet
[/col]
[/2column]
Last edited November 16, 2021 1:56 pm
Sep 29, 2021 6:11 pm
That looks great! Thanks for putting that together for us, I think it's really helpful.

A couple suggestions:

- The explanation for font is slightly unclear, and example of using font and color at the same time could be helpful.

- I see you used the [size] code in your post, may as well put that on the list, too

You do not have permission to post in this thread.