How to Code BBCode

Status
Not open for further replies.
How to Code BBcode

This is almost entirely pulled from my NS-side Technical FAQ, but I tried to adjust things for Euro-specific coding as is appropriate. If I goofed something (or if you want to know how to code something I don't have included here), ask your questions here.

How do I code X, Y, Z?
I'll run through some of the more common/frequently used codes here. (If there are others you'd like to see added, please reply with what else you'd want to be added, and I will happily do so.)

BOLD
Code:
[B]BOLD[/B]
ITALICS
Code:
[I]ITALICS[/I]
UNDERLINE
Code:
[U]UNDERLINE[/U]
STRIKEOUT
Code:
[S]STRIKEOUT[/S]
RED BLUE GREEN (You can also use the Hexadecimal RGB color code, if you're familiar with those. A list of codes for those colors can be found here.)
Code:
[COLOR=red]RED[/COLOR] [COLOR=blue]BLUE[/COLOR] [COLOR=green]GREEN[/COLOR]
LINK
Code:
[url=http://www.nationstates.net]LINK[/url]
Mousebumples (Use the name of the nation in question where I have my nation name inserted.)
Code:
[nation]Mousebumples[/nation]
Europeia
Code:
[region]Europeia[/region]
Horizontal Line:


Code:
[hr]
How do I change the size of my text on the forums?
Font size is determined based on a numbering system. 5 is "normal" size. Smaller numbers shrink the font size. Larger numbers enlarge the font size.
This is size 1.
This is size 3
This is size 5.
This is size 7.
This is size 10.


Code:
[size=1]This is size 1.[/size]
[size=3]This is size 3[/size]
[size=5]This is size 5.[/size]
[size=7]This is size 7.[/size]
[size=10]This is size 10.[/size]
Euro forums also let you use Big and Small tags (and combine them) to change the size of your font.

Big
Bigger
Biggest

Small
Smaller
Smallest

Code:
[big]Big[/big]
[big][big]Bigger[/big][/big]
[big][big][big]Biggest[/big][/big][/big]
[small]Small[/small]
[small][small]Smaller[/small][/small]
[small][small][small]Smallest[/small][/small][/small]
How do I code images on the forums?
Place the url of an image in between the [/code]

How do I code to align my text in a certain way?
There are 2 alignment options (left is default and does not need to be coded) -
RIGHT​
Code:
[RIGHT]RIGHT[/RIGHT]
CENTERED​
Code:
[CENTER]CENTERED[/CENTER]
How do I code spoiler tags?
Hidden text
Code:
[spoiler]Hidden text[/spoiler]
You can hide a spoiler tag within a spoiler tag. One needs to have the custom text, and the other cannot have the custom text.
Nested Spoiler Tag
More hidden text
Code:
[spoiler=Nested Spoiler Tag]Nested Spoiler Tag[spoiler]More hidden text[/spoiler][/spoiler]
How do I quote another person's post?
Quoted text
Code:
[quote]Quoted text[/quote]
Moderator said:
Moderator quote
Code:
[quote=Moderator]Moderator quote[/quote]
The other obvious option is to click the "quote" button in the bottom-right hand corner of each post.

How do I create a list?
  • List
  • List
Code:
[LIST]
[*]List
[*]List
[/LIST]
Alternate options include:
Numbered lists -
  1. One
  2. Two
Code:
[LIST=1]
[*]One
[*]Two
[/LIST]
Lettered lists -
  • A
  • B
Code:
[LIST]
[*]A
[*]B
[/LIST]
Roman Numerals -
  • I
  • II
Code:
[LIST]
[*]I
[*]II
[/LIST]
You can also combine lists to make a multi-level list:
  • I
    • A
      1. 1
        • a
          • i
        • b
      2. 2
    • B
  • II
Code:
[LIST]
[*]I
[LIST]
[*]A
[LIST=1]
[*]1
[LIST]
[*]a
[LIST]
[*]i
[/LIST]
[*]b
[/LIST]
[*]2
[/LIST]
[*]B
[/LIST]
[*]II
[/LIST]
Just make sure to close out each of the sub-lists you create. Otherwise, it can cause some weird indentation for your text that follows the list.

In and Out

In and out are primarily used for markups and editing; however, they are also sometimes used for emphasis.

Code:
[in]highlights text to be added[/in]
highlights text to be added

Code:
[out]highlights text to be removed[/out]
highlights text to be removed

Tables

Code:
[Table=[Amount of Columns],[Title of Table]]Box 1 Text[c]Box 2 Text[c]Box 3 Text[c]Box 4 Text[c]Box 5 Text[c]Box 6 Text[/table]
Use a [c] each time you want to begin the text for the next box in the table. The amount of boxes is determined by how many [c] codes you use in the table.

Title
Box 1Box 2
Box 3Box 4
Box 5Box 6

Code:
[table=2,Title]Box 1[c]Box 2[c]Box 3[c]Box 4[c]Box 5[c]Box 6[/table]

Title
Box 1Box 2Box 3
Box 4Box 5Box 6

Code:
[table=3,Title]Box 1[c]Box 2[c]Box 3[c]Box 4[c]Box 5[c]Box 6[/table]

Title
Box 1Box 2Box 3Box 4
Box 5Box 6

Code:
[table=4,Title]Box 1[c]Box 2[c]Box 3[c]Box 4[c]Box 5[c]Box 6[/table]

The first three Boxes you make will be in bold -- as column headers.
Code:
[Table=[Amount of Columns],[Title of Table], [If you want a Header row, put the number 1 here]] Box 1 Text[c]Box 2 Text[c]Box 3 Text[c]Box 4 Text[c]Box 5 Text[c]Box 6 Text[/table]
Title
Box 1Box 2
Box 3Box 4
Box 5Box 6

Code:
[table=2,Title,1]Box 1[c]Box 2[c]Box 3[c]Box 4[c]Box 5[c]Box 6[/table]
[/hr]
 
Last edited:
Status
Not open for further replies.
Top