How to use BBCode (Forum Formatting)

Another · February 26, 2017, 06:23:39 PM

What is BBCode?
BBCode is Bulletin Board Code, or tags like [img][/img][b][/b] which let you do things like bold text or insert inline images:

How do I use it?
BBCode essentially generates areas in which text follows it's rules.
Now, I'll go over all the "commands" to use it, and the effects they produce.
If you want to see how I assembled this click the quote button on this post, and it will show you the formatting I used.
Most of the "commands" can be accessed on the top bar. They are on the top bar in the order they appear here.

(text)
[b](text)[/b]

(text)
[i](text)[/i]

(text)
[u](text)[/u]

~~(text)~~
[s](text)[/s]

(text)

This is preformatted text
[pre](text)[/pre]

[left](text)[/left]

[center](text)[/center]

[right](text)[/right]

Comic Sans [font=(font)](text)[/font]

36pt Text [size=(size)pt](text)[/size]

Red [color=(color)](text)[/color]

Shown is an image from the Rimworld website. use [img](image link)[/img]
To get the image link, right click on the image. On Chrome it is "copy image URL" Firefox is "copy image location"
To resize, use [img=(width)x(height)](url)[/img]
Note: It appears this does not work on this forum.
[img=100x50]http://rimworldgame.com/images/screens/junglebase_w.jpg[/img]

rimworldgame.com
To insert a link use [url](link)[/url]

Rimworld's Website
To insert a link like this use [url=(url)](name)[/url]

[email protected]
Insert an email using [email](email)[/email]

link
FTP link with [ftp=(url)](name)[/ftp]

glowing text
Make something glow with [glow=(color),(shadow?),(intensity?)](text)[/glow]

Shadowed
Give text a shadow [shadow=(color),(shadow direction)](text)[/shadow]

[move](text)[/move]
x³
Make something superscript (think exponents) [sup](text)[/sup]

A_n
Make something subscript [sub](text)[/sub]

Teletype Formatting [tt](text)[/tt]

Code Select


A sci fi colony sim driven by an intelligent AI storyteller.

RimWorld follows three survivors from a crashed space liner as they build a colony on a frontier world at the rim of known space. Inspired by the space western vibe of Firefly, the deep simulation of Dwarf Fortress, and the epic scale of Dune and Warhammer 40,000.

Manage colonists' moods, needs, individual wounds, and illnesses. Engage in small-team tactical gunplay. Fashion structures, weapons, and apparel from metal, wood, stone, cloth, or futuristic materials. Fight pirate raiders, hostile tribes, rampaging animals, giant tunnelling insects and ancient killing machines. Tame and train cute pets, productive farm animals, and deadly attack beasts. Watch colonists develop relationships with family members, lovers, and spouses. Discover a new generated world each time you play. Build colonies in the desert, jungle, tundra, and more. Manage quirky colonists with unique backstories, traits, and skills. Learn to play easily with the help of an intelligent and unobtrusive AI tutor.

For Windows, Mac, Linux. The game is distributed by DRM-free download. RimWorld is developed by Tynan Sylvester and Ludeon Studios, and we've been improving it since its first public release on November 4, 2013.

Longer text will generate a scroll bar on the side.

A good way to insert code or lots of quoted text without taking up several pages.
The reason it is horizontal, not vertical is because the text in paragraphs will not separate by sentence. If you separate by sentence, you get a better effect. Use [code](text)[/code]

For example:

Code Select


A sci fi colony sim driven by an intelligent AI storyteller.

RimWorld follows three survivors from a crashed space liner as they build a colony on a frontier world at the rim of known space. 
Inspired by the space western vibe of Firefly, the deep simulation of Dwarf Fortress, and the epic scale of Dune and Warhammer 40,000.

Manage colonists' moods, needs, individual wounds, and illnesses. 
Engage in small-team tactical gunplay. Fashion structures, weapons, and apparel from metal, wood, stone, cloth, or futuristic materials.
 Fight pirate raiders, hostile tribes, rampaging animals, giant tunnelling insects and ancient killing machines. 
Tame and train cute pets, productive farm animals, and deadly attack beasts. 
Watch colonists develop relationships with family members, lovers, and spouses. 
Discover a new generated world each time you play. 
Build colonies in the desert, jungle, tundra, and more. 
Manage quirky colonists with unique backstories, traits, and skills. 
Learn to play easily with the help of an intelligent and unobtrusive AI tutor.

For Windows, Mac, Linux. 
The game is distributed by DRM-free download. 
RimWorld is developed by Tynan Sylvester and Ludeon Studios, and we've been improving it since its first public release on November 4, 2013.

QuoteHello [quote](text)[/quote]

The best way to get a quote from a forum post is to scroll down to posts before yours and click insert quote, or to click insert quote in the top right hand corner.

This is a list
But bulleted

[list]
[li](text)[/li]
[li](text)[/li]
[/list]

This is a list
But numbered

[list type=decimal]
[li](text)[/li]
[li](text)[/li]
[/list]

[hr]
This produces a line, crossing the page.

Code Select

[nobbc](BBCode that you want to show as what you type in)[/nobbc]

This shows another use of the [code][/code] boxes. They can also be used to invalidate BBCode.

catter · February 27, 2017, 07:17:59 PM

What is the use for the teletype?

Hans Lemurson · March 01, 2017, 01:41:17 AM

### ### # ### ### # # ### ###
# # # # # # # # # #
# ## # ## # # # ### ##
# # # # # # # #
# ### ### ### # # # ###

Hmm...
It looks like a convenient way to get monospaced font for ASCII art without having to use

Code Select

[code]

Another · March 04, 2017, 02:58:36 PM

Really, just for aesthetic reasons.

Der Failer · March 09, 2017, 09:47:36 AM

Is there a way to scale images down? For example if i want to post a picture host somewhere on the interwebs, but is resolution is something like 1600 × 1086 so it is a bit to big to just post it.

IMHO it should be sticky for new users.

Another · March 16, 2017, 11:10:39 PM

Yes, I edited it to include it.

Also, if it's stickied, it might want to be moved to a different thread, for more visibility.

Sorry for the late response.

EDIT: However, it might not work on this forum, so I'd resize in paint or something.

[img=100x50]http://rimworldgame.com/images/screens/junglebase_w.jpg[/img]

AngleWyrm · March 17, 2017, 12:09:31 AM

Quote from: Der Failer on March 09, 2017, 09:47:36 AM
Is there a way to scale images down?

Yes. Here is an example where the full screen shot makes sense, but it's too big. So we want to scale a preview down and then allow the reader to click on it to see the full-size image. This is done by specifying a width or height in the tag, like so:

[img width=400]http://somewebsite.com/myimage.png[/img]

Sometimes it's useful to use a height instead of a width for layout purposes. Here's a table with three images; the original images are different heights, but the presentation scales them to be the same height.

[table][tr]
[td][img height=100]www.blahblahblah/myimage.png[/img][/td]
[td][img height=100]and so on[/img][/td]
[td][img height=100]and so on[/img][/td]
[/tr][/table]

b0rsuk · March 28, 2017, 04:25:21 PM

T_he Europ^e_an _b^adger ₍^M_ele_s ^me^le_s) a^ls_o _kⁿ_own a_s ^th_e Eu^ra^sian _b^a_dge_r, ⁱ_s _a _sp^ecⁱes _o^f b_ad^ger _in _the f_amⁱl_y M_us^telⁱda^e a_nd ^is _natⁱv_e _t^o _al_mo^st a_ll _o^f ^E_ur_ope _a^nd s^om^e p_art^s o^f We_s^t _Asⁱ_a^. ^Se_ve^ra_l _subsp_ec_ie_s ^a_re ^r_ecogⁿ_is^ed; ^th_e ⁿ_omⁱ_na_t^e ^sub_s^pe_cⁱ_e^s ^(Mel_e^s me^le^s me_le^s) _pre^dom^inate_s o_ver ^m_os^t _of _Eu^ro_pe. ^The ^E_uro^p_e^a_n b^adger i^s _cla^ssi^f_ied a_s b^e_ing of l_eas^t c_on^c_erⁿ _by th^e I_U^C_N ^as _it ^ha_s ^a w^ide r^an_ge aⁿ_d ^a _la^rge ^p_op^ula_ti^on _s^iz_e ^w_hic^h ⁱs _s^ta^ble^, ^a_n^d even ⁱⁿ_cr^easiⁿ_g _iⁿ s^ome ^area_s^.

AngleWyrm · April 16, 2017, 06:31:32 PM

Does this version of BBCode support [columns=4] or [COL=4] tags?
Or is there some other variant that will allow a long list to be distributed across several columns?

milon · April 18, 2017, 10:23:19 AM

Good question. I don't believe our setup supports columns, and I don't think Tynan is eager to rework the forum software.

If columns are needed, the content is like better suited for the wiki IMHO. I can't think of a scenario where columns would be important to the forum itself, but I'm keeping an open mind. If anyone can raise a valid argument, I'll bring it up to the other mods/admins.

AngleWyrm · April 18, 2017, 01:14:33 PM

Quote from: milon on April 18, 2017, 10:23:19 AM
I can't think of a scenario where columns would be important to the forum itself, but I'm keeping an open mind. If anyone can raise a valid argument, I'll bring it up to the other mods/admins.

Ok, I'll give it a go:

There are times when a forum user wants to post their mod list for bug hunting, which tends to be dozens. An example from this morning. It would be more legible if that list were distributed across several columns, like so:

NinjaDiscoJew · April 25, 2017, 03:05:55 PM

[move]Very Nice[/move]
good guide10/10

milon · April 26, 2017, 09:33:02 AM

@AngleWyrm, I've given that some thought and thank you for your input. Modifying forum software isn't a trivial matter. While it might be a nice feature to have, it's not yet a strong enough argument for me to push the issue. Users can create a table like you did to achieve the same results. (I know it's a little fiddly, but if a user won't try to make a table, is it likely that they would try to make columns?) Having said that, I'm still keeping an open mind and I'm willing to be persuaded.

Side note, I found a BBCode table generator here:
https://www.teamopolis.com/tools/bbcode-table-generator.aspx

It doesn't automatically create columns, but it's easier than manual formatting. If anyone does find a column creator, I'd be interested in seeing that too!

AngleWyrm · April 26, 2017, 08:08:10 PM

ok, more work than it's worth I suppose.

I had thought about making an xslt transformer that would take the modlist.xml file and convert it to a bbcode table; that was mechanically do-able, but didn't have a good use-case scenario. The extra steps it would take to use such a creation make it unlikely to be used.