BBcode legend discussion

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.

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.

This would be awesome!

Yes!

Supported tags:

Yeah, that's what I had in mind, like the inline pictures and text alignment.

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

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.

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.

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.

That is also a great thing to keep in mind!

** Reads title of thread **

But I'm already here...

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.

Is there a way of centering text and/or images? It’d be great if we had that option. Just wondering

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!

😂

---

Character Sheet Only Tags

---

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

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

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?

AgencyFB font

OstrichSans font

Neuropol font

Kelt font

Dumbledor font

Aniron font

OpenSans_Regular font

Cursive Font

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.

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

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

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.

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?

*shakingly turns pitchfork to face myself*

GMs - Please use this tag only for evil

The existence of a note tips players off to the fact you're being sneaky.

Create a note, but change the opening and closing tags to the word "private" instead of note.



The DM will see what they've done, but it'll appear like a normal block of text to the relevant players. No note tags, or private tags or anything.

I've used this to give different players different maps, with one pair of players having extra text too.



I hope GMs running Halloween games have a lot of fun with this. 😈

Random Question about this what happens if the post only has the Private in it?

End it with /private
You forgot the /

The guide to gamer's plan BBC code is exactly what I've been looking for. Thank you!

Absolutely, a stellar job putting it together!

Amazing work Adam, though we may have to take your developer badge away... developers don't traditionally write documentation. :)

Nice, we finally have some documentation.

Great work on the BBCode documentation, @Adam! May I suggest linking to it from @Naatkinson's New GP Member Guide &/or one of @Qralloq's videos?

And of course, we should pin it.

Very nice guide!

+1 to giving Adam a cookie for this. Great stuff, man!

very useful tips for formatting here, thank you very much!

Thank a lot Adam !

Is there a way to set the number of checkboxes to a variable?

something like:

glamour ([_glam=0])
[_=0/[_$=glam]]

Is there a way to change the background color of a character sheet? Something related to the style tag maybe?

[ f=display:block position:relative padding-bottom:70.5% max-width:960px margin-left:auto margin-right:auto][ f=position:absolute width:100% height:100% background-size:contain background-repeat:no-repeat background-color:red max-width:960px]

change "background-color:" with whatever color you'd like.

Thank you!
Where do the closing /f entries need to go? If I place them immediately after I just get a block of the background color. If I place them at the end, the sheet doesn't seem to scroll if it's copied to a post...

It should go at the end of the sheet. I'm not sure what you mean about scrolling.

Testing,
Testing,
One,
Two,
Three ...
Is this what you are trying to do?

If so, here the code:
[ f=display:block width:100% background-color:red]Testing,
Testing,
One,
Two,
Three ...[/f]

Apparently this was all I needed for what I wanted (adding a background color to the Star Trek Adventures Sheet) :) Thank you both!

Super handy guide!

Does anyone have the code for the super fancy 5e character sheet shown in the guide? It looks amazingly handy! Just figured I'd ask before I take the time to rebuild it from scratch.

@Carcabob, it's these ones, I believe. They look slightly different in post, but should look as on the screenshot when pasted in the sheet. (And there is a link to a general purpose 5e sheet in the first post in the linked thread.)

Great, thanks!

I'm trying to build a character sheet that isn't in the system. It's a fairly straightforward sheet, but [ center] doesn't seem to work within the sheet. Neither does Adam's method of floating images and even the style code for the logo doesn't show it when I hit preview. In fact, no codes seem to work except for [ charsheet].

Can you maybe post the code here (ideally inside a charsheet tag) so we can have a look at it?

I've only really just started, but here's what I have thus far.Ideally, it should look something similar to this.

It is

[f=centre]CHARACTER RECORD SHEET[/f]

not

[centre]CHARACTER RECORD SHEET[/center]

Update: Obviously, some things have spontaneously decided to work, but I still may have some questions.

It's those British spellings that get ya every time...

Is there a way to set a column width? I tried making two columns, but it messes up the formatting because one column is too large.

Not having a sample of what you are trying to do, we can not provide direct feedback.

But remember that the columns collapse to a single column on phones or small screens, so if your content does not fit in a column it will be a problem for other people on different devices than yours.

Physical sheets aim to use a little paper as possible. Those old layouts are often ill-suited to the digital world where paper is not a concern and people can scroll forever. Maybe try organise your information in a way that works well here rather than try to emulate the layout of that sheet for nostalgia's sake?

Use column for content you want kept in columns. The default is 2 columns but you can easily expand it to 3

We support both spellings.

[f=centre]Rule, Britannia! Britannia, rule the waves.[/f]
[f=center]O! Say can you see by the dawn's early light[/f]

Rule, Britannia! Britannia, rule the waves.
O! Say can you see by the dawn's early light

But f them all! :)

I beg your pardon?

(yes yes, I know it's a joke)