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?
There is this BBCode guide. However, I'll run through some of the more common/frequently used codes here, as well. (If there are others you'd like to see added, please reply with what else you'd want added, and I will happily do so.)

BOLD
[nocode]BOLD[/nocode]

ITALICS
[nocode]ITALICS[/nocode]

UNDERLINE
[nocode]UNDERLINE[/nocode]

STRIKEOUT
[nocode]STRIKEOUT[/nocode]

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.)
[nocode]RED BLUE GREEN[/nocode]

[bgcolor=yellow]Background highlighting of text[/bgcolor]
[nocode][bgcolor=yellow]Background highlighting of text[/bgcolor][/nocode]

[border=red,1,solid]Bordered text[/border]
[nocode][border=#ff0000]Bordered text[/border][/nocode]

LINK
[nocode]LINK[/nocode]

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:


[nocode]
[/nocode]

How do I change the size of my text on the forums?
Font size is determined based on a numbering system. 1 is "normal" size. Smaller numbers shrink the font size. Larger numbers enlarge the font size.

[size=-5]This is size -5.[/size]
[size=-3]This is size -3[/size]
[size=-1]This is size -1.[/size]
This is size 1.
This is size 3
This is size 5.
This is size 7.
This is size 10.

Code:
[size=-5]This is size -5.[/size]
[size=-3]This is size -3[/size]
[size=-1]This is size -1.[/size]
[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 lets 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 [/nocode]

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​
[nocode]
RIGHT​
[/nocode]

CENTERED​
[nocode]
CENTERED​
[/nocode]

How do I code spoiler tags?
Hidden text
[nocode]
Hidden text
[/nocode]

Hidden Text
[nocode]
Hidden Text
[/nocode]

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
[nocode]
Nested Spoiler Tag
More hidden text
[/nocode]

Euro forums also have "hide" tags that work about the same, but they look different:
[hide=Click to see!]Hidden text. Oooooh. Ahhhhh![/hide]
Code:
[hide=Click to see!]Hidden text.  Oooooh.  Ahhhhh![/hide]
How do I quote another person's post?
Quoted text
[nocode]
Quoted text
[/nocode]
Moderator said:
Moderator quote
[nocode]
Moderator said:
Moderator quote
[/nocode]
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
[nocode]
  • List
  • List
[/nocode]

Alternate options include:
Numbered lists -
  1. One
  2. Two
[nocode]
  1. One
  2. Two
[/nocode]

Lettered lists -
  • A
  • B
[nocode]
  • A
  • B
[/nocode]

Roman Numerals -
  • I
  • II
[nocode]
  • I
  • II
[/nocode]

You can also combine lists to make a multi-level list:
  • I
    • A
      1. 1
        • a
          • i
        • b
      2. 2
    • B
  • II
[nocode]
  • I
    • A
      1. 1
        • a
          • i
        • b
      2. 2
    • B
  • II
[/nocode]
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.

Creating a link (bookmark) to a point in the middle of a post:
Code:
[bookmark]xyz[/bookmark]
This allows you to link to a particular part of a page - i.e. the above would be linked to by appending #bookmark-xyz to the end of whatever link you were working with.

[bookmark]xyz[/bookmark] (<-- bookmark here)

Link with: http://s6.zetaboards.com/Europeia/topic/8919986/1/#bookmark-xyz

In and Out

In and out are primarily used for mark ups 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

Tab

Just like the tab key, the tab code creates an indent in your writing and there are a couple different ways to utilize it.
Code:
[tab][/tab]Creates a one time indent in a paragraph making things look a little something like this when you write them our in their entirety. The rest of this is done just to show off how it looks because that sentence wasn't long enough to wrap over which didn't make the effect apparent.
[tab][/tab]Creates a one time indent in a paragraph making things look a little something like this when you write them our in their entirety. The rest of this is done just to show off how it looks because that sentence wasn't long enough to wrap over which didn't make the effect apparent.
Code:
[tab]can be used to make an entire paragraph indented, either to draw attention to it or to set it apart from various other parts of a post. This can also be used to make lists without using the list code and can be stacked to make [tab]Multi-
[tab]level
[tab]indents[/tab][/tab][/tab]
if you want.[/tab]
[tab]can be used to make an entire paragraph indented, either to draw attention to it or to set it apart from various other parts of a post. This can also be used to make lists without using the list code and can be stacked to make
[tab]Multi-
[tab]level
[tab]indents[/tab][/tab][/tab]
if you want.[/tab]

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]
 
Status
Not open for further replies.
Top