BBCode Commands

[Andrea B.]

BASIC BBCODES

 

We have some BBCode commands available for formatting post text.

 

Click the blue and green icon next to the Font box to select a BBCode.

Alternately, you may simply write the BBCode format as shown.

 

The next post shows what these examples actually look like.

 

# horizontal rule
[hr]

# bold text
[b]Bold text.[/b]

# italic text
[i]Italicized text.[/i]

# underlined text
[u]Underlined text.[/u]

# strikethrough text
[s]Strikethrough text.[/s]

# text background color
[bkg="yellow"]Text with yellow background.[/bkg]

# text color
[color=blue]Blue text.[/color]

# to display selected text as a quote
[quote]Selected text displayed as a quote.[/quote]

# bullet list
[list]
[*]First list item
[*]Second list item
[/list]

# numbered list
[list=1]
[*]List item 1
[*]List item 2
[/list]

# table formatting
[table]
[tr]
[td=1]row 1, cell 1[/td]
[td=1]row 1, cell 2[/td]
[/tr]
[tr]
[td=1]row 2, cell 1[/td]
[td=1]row 2, cell 2[/td]
[/tr]
[/table]

 

Side Note: To present any code format (such as HTML or BBcode) without implementation,

surround it with the BBCode command "code".

[Andrea B.]

Here is what the preceding BBCodes looks like.

 

# horizontal rule

---

 

# bold text

Bold text.

 

# italic text

Italicized text.

 

# underlined text

Underlined text.

 

# strikethrough text

Strikethrough text.

 

# text background color

Text with yellow background.

 

# text color

Blue text.

 

# to display selected text as a quote

Selected text displayed as a quote.

 

# bullet list

• First list item
  
• Second list item
  

# numbered list

1. List item 1
   
2. List item 2
   

 

# table formatting

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

[Andrea B.]

COMBINED BBCODES

 

Can BBCode commands be combined? Yes.

I haven't played with a lot of combinations, so you will have to experiment with this.

---

# Combine text color and background color

[bkg="yellow"][color="blue"]Blue text with yellow background.[/color][/bkg]

 

Blue text with yellow background.

 

---

# Combine some color and text bolding in a bullet list

This is a [u][i]List[/i][/u].
[list]
[*][b]First list [color="lime green"]item[/color][/b]
[*]Second list [b]item[/b]
[/list]

 

This is a List.

• First list item
  
• Second list item
  

.

---

Not all BBCode commands combine well.

---

[Andrea B.]

TEXT INDENT and PLACEMENT

 

There are two ways to indent text. Use the indent BBCode or use the indent Editor command which is found on the 2nd row, 4th from the right.

 

# Indent by 1.

[indent=1]This sentence is indented by 1.[/indent]

 

This sentence is indented by 1.

 

 

There are both BBCodes and editor buttons for placing text to the center, right or left.

The Editor buttons are the last 3 buttons on the right.

 

# Text place to center, left or right.

[center]This content is centered.[/center]




[right]This content is placed right.[/right]




[left]This content is placed left.[/left]

 

This content is centered.

This content is placed right.

This content is placed left.

[Andrea B.]

SIMPLE TABLE with TITLE using COLUMN SPAN

 

# Table with title.

[table]
[tr][td=2]Table Title[/td][/tr]
[tr]
[td=1]Row 1, Cell 1[/td]
[td=1]Row 1, Cell 2[/td]
[/tr]
[tr]
[td=1]Row 2, Cell 1[/td]
[td=1]Row 2, Cell 2[/td]
[/tr]
[/table]

 

Table Title
Row 1, Cell 1	Row 1, Cell 2
Row 2, Cell 1	Row 2, Cell 2

[Andrea B.]

TABLES using OPTION COMMANDS TBL, TRL, TDL

 

The table commands which offer some formatting are more complex: tbl, trl, tdl.

Tables, rows and cells can have options (aka attributes).

 

# Options are placed inside single quotes.

[tbl='option string']
[tdl='option string']

 

# Multiple options are separated by spaces.

Here is a more complex table using text alignment and cell background color.
[tbl='border=1']
[trl][tdl='colspan=2 align=center']This is a centered table title which spans two columns.[/tdl][/trl]
[trl]
[tdl='bgcolor=lightgreen align=left']Left aligned cell content in light green background.[/tdl]
[tdl='bgcolor=yellow align=right']Right aligned cell content in a yellow background.[/tdl]
[/trl]
[/tbl]

 

 

This is a centered table title which spans two columns.
Left aligned cell content in light green background.	Right aligned cell content in a yellow background.

[Andrea B.]

TBL/TRL/TDL TABLE with LIST, BKG COLOR and TEXT ALIGNMENT

 

# Put a list into a table cell.

[tbl='border=1']
[trl][tdl='colspan=2 align=center']This is a centered table title which spans two columns.[/tdl][/trl]
[trl]
[tdl='bgcolor=lightgreen align=center'][list]
[*]List item one.
[*]List item two.
[/list]
[/tdl]
[tdl='bgcolor=yellow align=right']Right aligned cell content in a yellow background.[/tdl]
[/trl]
[/tbl]

 

 

This is a centered table title which spans two columns.
List item one. List item two.	Right aligned cell content in a yellow background.

[Andrea B.]

SIMPLE TABLE within a TABLE

 

# Start with a simple table.

[table]
[tr][td=2]Table title spans two columns.[/td][/tr]
[tr]
[td=1]Row 1, Cell 1[/td]
[td=1]Row 1, Cell 2[/td]
[/tr]
[/table]

 

Table title spans two columns.
Row 1, Cell 1	Row 1, Cell 2

 

 

# Put a sub-table into Row 1, Cell 2.

[table]
[tr][td=2]Table title spans two columns.[/td][/tr]
[tr]
[td=1]Row 1, Cell 1[/td]
[td=1]
Row 1, Cell 2 now contains a sub-table.
[table][tr][td=1]row1[/td][/tr][tr][td=1]This is a sub-table.[/td][/tr][/table]
[/td]
[/tr]
[/table]

 

Table title spans two columns.
Row 1, Cell 1	Row 1, Cell 2 now contains a sub-table. Sub-table Row 1 Sub-table Row 2

[Andrea B.]

TBL/TRL/TDL TABLE with ROW SPANS

 

Row 1 has two cells.

Row 2 has two cells.

Row 3 only has one cell.

 

In Row 2 the left cell, Cell 1, spans two right-hand cells.

 

# Row span example.

[tbl='border=1']
[trl]
[tdl='colspan=1 width=50%']Row 1, Cell 1[/tdl]
[tdl='colspan=1 width=50%']Row 1, Cell 2[/tdl]
[/trl]
[trl]
[tdl='colspan=1 rowspan=2 bgcolor=lightyellow width=50%']Row 2, Cell 1: spans 2 rows on the right.[/tdl]
[tdl='colspan=1 width=50%']Row 2, Cell 2[/tdl]
[/trl]
[trl]
[tdl='colspan=1 width=50%']Row 3, Cell 1[/tdl]
[/trl]
[/tbl]

 

Row 1, Cell 1	Row 1, Cell 2
Row 2, Cell 1: spans 2 rows on the right.	Row 2, Cell 2
	Row 3, Cell 1

[Andrea B.]

TBL ATTRIBUTES

for complex tables made with BBCode tbl.

Parentheses indicate where an attribute value is to be set.

• align={position} MAY NOT WORK HERE
  This positions the table within the forum topic.
  
  • center
    
  • left
    
  • right
    

• bgcolor={color}
  The table background color can be set by using its rgb triplet, hex representation or colorname.
  
  • rgb(x,x,x)
    
  • #xxxxxx
    
  • colorname
    

• border={on/off}
  
  • 1, border on
    
  • 0, border off
    

• cellpadding={number of pixels} MAY NOT WORK HERE
  Space between a cell wall and the cell content.
  Possibly useful. Try setting it to 1.
  

• cellspacing={number of pixels} MAY NOT WORK HERE
  Space between cells.
  I'm not sure this is particularly useful given the space constraints of a forum page?
  

.

TBL ATTRIBUTE FORMAT

Parentheses indicate where a attribute value is to be set.

 

[tbl='{attribute list}']

Note the equal sign and the set of single quotes around the attribute list.

 

[tbl='align={position} bgcolor={color} border={on/off} cellpadding={number} cellspacing={number}']

Each individual attribute in the attribute list is an equation with no spaces around the equal sign.

Note that there is a space between each attribute equation.

 

EXAMPLE 1

When setting actual attribute values, remember that the parentheses are not kept.

 

[tbl='align=center bgcolor=#f0f0f0 border=1 cellpadding=10 cellspacing=0']

This makes a centered, bordered table with a light grey background. There is a 10 pixel space between cell contents and the borders. Cellspacing is not set.

 

Here is that table with one row and one column.

one row, one col

 

Here is how to write the table.
It must have rows and cells.
[tbl='align=center bgcolor=#f0f0f0 border=1 cellpadding=10 cellspacing=0']
[trl]
[tdl='colspan=1']r1c1
[/tdl]
[/trl]
[/tbl]

[Andrea B.]

TEXT PONG

 

Please do not use Ponging !! :lol:

 

# How to pong some text.

[pong]This text is ponging.[/pong]

 

This text is ponging.

[Andrea B.]

TBL/TRL/TDL TABLE with BORDERS

 

 

# Border option 1.

[tbl='border=1']
[trl]
[tdl='colspan=1']Border = 1.
[/tdl][/trl][/tbl]

 

Border = 1.

 

# Border option 2.

[tbl='border=2']
[trl]
[tdl='colspan=1']Border = 2.
[/tdl][/trl][/tbl]

 

Border = 2.

 

# Border option 5.

[tbl='border=5']
[trl]
[tdl='colspan=1 align=center']Border = 5.
[/tdl][/trl][/tbl]

 

Border = 5.

[Andrea B.]

Updated 21 Mar 2021: Clarifications throughout.