BBcode legend discussion

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.

Windyridge

Jul 19, 2021 3:09 pm

This would be awesome!

KoldikSteelskin

Jul 19, 2021 3:14 pm

Yes!

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:

b	bold
i	italic
u	underline
s	strikethrough
linebreak	horizontal rule
img	image URL
url	nofollow URL
size	font size with attribute as percent
ooc	out of character
spoiler	collapsible section
note	private note
youtube	embedded youtube video
spotify	embedded spotify player (might be removed - I think the country blocking stopped it being used)
map	as img, but linked to source and supporting newlines (for OtFBM)
table	with optional attributes center, right and stats
quote	quote a section of text
code	`Allows the use of [u]tags[/u] in text`

Last edited July 27, 2021 2:31 pm

Antiproduct

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.

bowlofspinach

Jul 29, 2021 10:35 am

Machiabelly Inactive forever!

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.

bowlofspinach

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!

kalajel

Jul 30, 2021 2:32 am

** Reads title of thread **

But I'm already here...

Jul 30, 2021 4:03 am

Gnome_Chomsky Inactive for 6 months

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

Gnome_Chomsky Inactive for 6 months

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

Constablebrew Inactive for 1 months

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...

😂

KoldikSteelskin

Sep 29, 2021 4:47 pm

A Legend.

Code	Use

`[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

[table="Prefix"]

Supported Prefix's	Use
center	center's table in post/character sheet
right	places table on the right hand side of sheet/post
stats	highlights top and positions table to right
ht	highlights the top of the table
hl	highlights the left side of the table
htl	highlights both top and left of table
rolls	highlights top and allows rolls with CharatersheetIntegration.

[ +- ] Fonts

[ +- ] Typing Fonts

[color=";font-family:AgencyFB;"]AgencyFB font[/color] 
[color=";font-family:OstrichSans;"]OstrichSans font[/color] 
[color=";font-family:Neuropol;"]Neuropol font[/color] 
[color=";font-family:Kelt;"]Kelt font[/color] 
[color=";font-family:Dumbledor;"]Dumbledor font[/color] 
[color=";font-family:Aniron;"]Aniron font[/color] 
[color=";font-family:OpenSans_Regular;"]OpenSans_Regular font[/color] 
[color=";font-family:cursive"]Cursive Font[/color]

[ +- ] Links to other CSS stuff

Character Sheet Only Tags

Code

Use

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

Abilities renders as any of the usual blocks in non custom character sheets example.

[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

Sep 29, 2021 6:19 pm

The 'font' stuff is not just 'font stuff' it is any CSS. Examples (links to?) would be useful.

Sep 29, 2021 6:34 pm

vagueGM says:

The 'font' stuff is not just 'font stuff' it is any CSS. Examples (links to?) would be useful.

Like links to available fonts or colors?

Jabes.plays.RPG

Sep 29, 2021 7:02 pm

AgencyFB font

OstrichSans font

Neuropol font

Kelt font

Dumbledor font

Aniron font

OpenSans_Regular font

Cursive Font

Sep 29, 2021 7:06 pm

skeptical_stun says:

vagueGM says:

The 'font' stuff is not just 'font stuff' it is any CSS. Examples (links to?) would be useful.

Like links to available fonts or colors?

I meant, like links to 'examples of useful CSS attributes', some are mentioned here, in this thread, some in others.

But good, safe fonts and colors might be useful as well. We shouldn't assume others see things the way we do, fonts are tricky on the web, and possibly best kept as simple as possible.

It is more important to convey information clearly than to make it look pretty.

Sep 29, 2021 8:38 pm

I read somewhere that it's more based on what fonts the individual user has installed rather than what BBCode can support. I wonder if there's a standard list for the major browsers. I can definitely see the attraction to having more colorful fonts to give certain NPCs a bit more flavor

Sep 29, 2021 8:46 pm

aquafina Inactive forever!

Jabes’s list are the ones built into the site. They’ll be fine.

Sep 29, 2021 8:57 pm

Adam says:

Jabes’s list are the ones built into the site. They’ll be fine.

And who's idea was it to build Comic Sans into the site? *picks up pitchfork* :P

Last edited September 29, 2021 8:57 pm

Sep 29, 2021 9:03 pm

Okay - that's an exception. Cursive is a browser-specific one, each device might render it differently. If you get Comic Sans then that's on you for using a PC.

Sep 29, 2021 9:09 pm

aquafina Inactive forever!

I see cursive, but then I'm on Chrome on mobile. I'm trying to think of what other fonts folks could want....maybe a robotic language or something?

Sep 29, 2021 9:12 pm

Quote:

Okay - that's an exception. Cursive is a browser-specific one, each device might render it differently. If you get Comic Sans then that's on you for using a PC.

*shakingly turns pitchfork to face myself*

Oct 4, 2021 4:27 pm