Block-level Formatting
Unordered List- Unordered List Item 1
- Unordered List Item 2
CODE
[list]
[*] Unordered List Item 1
[*] Unordered List Item 2
[/list]
Ordered List: Arabic Numbering- Arabic Numbered List Item 1
- Arabic Numbered List Item 2
CODE
[list=1]
[*] Arabic Numbered List Item 1
[*] Arabic Numbered List Item 2
[/list]
Ordered List: Alphabetic Numbering (lower case)
- Alphabetic List Item 1
- Alphabetic List Item 2
CODE
[list=a]
[*] Alphabetic List Item 1
[*] Alphabetic List Item 2
[/list]
Ordered List: Alphabetic Numbering (uppercase)
- Alphabetic List Item 1
- Alphabetic List Item 2
CODE
[list=A]
[*] Alphabetic List Item 1
[*] Alphabetic List Item 2
[/list]
Ordered List: Roman Numbering (lower case)
- Roman List Item 1
- Roman List Item 2
- Roman List Item 3
- Roman List Item 4
- Roman List Item 5
CODE
[list=i]
[*] Roman List Item 1
[*] Roman List Item 2
[*] Roman List Item 3
[*] Roman List Item 4
[*] Roman List Item 5
[/list]
Ordered List: Roman Numbering (upper case)
- Roman List Item 1
- Roman List Item 2
- Roman List Item 3
- Roman List Item 4
- Roman List Item 5
CODE
[list=I]
[*] Roman List Item 1
[*] Roman List Item 2
[*] Roman List Item 3
[*] Roman List Item 4
[*] Roman List Item 5
[/list]
- You can
- also make
- lists within
- other
- already
- existing
- lists
CODE
[list=1]
[*]You can
[*]also make
[*]lists within
[list=a]
[*]other
[*]already
[*]existing
[/list]
[*]lists
[/list]
Quote: for quoting somebody else’s text
QUOTE(Quote Title)
This is sample text
CODE
[quote=Quote Title]This is sample text[/quote]
Does NOT come with portal styling!
Code: to display BBCode (contents are not parsed)
CODE
[i] [/i] [b] [/b] or $this_var = "Hello World!";
CODE
[code][i] [/i] [b] [/b] or $this_var = "Hello World!";[/code]
Left: left-align a block of text
Left-aligned Sample Text
CODE
[left]Left-aligned Sample Text[/left]
Right: Right-align a block of text
Right-aligned Sample Text
CODE
[right]Right-aligned Sample Text[/right]
Center: center a block of text
Centered Sample Text
CODE
[center]Centered Sample Text[/center]
Indent: indent a block of text
Indented Sample Text
CODE
[indent]Indented Sample Text[/indent]
Float: makes content float on the left or right (possible values: “left”, “right”)
Sample Text with the float=left tag
CODE
[float=left]Sample Text with the [i]float=left[/i] tag[/float]
For portal use ONLY!
Float Left and Float Right: makes custom coloured floated textboxes.
Use “floatleft” for left-floated text...
...and “floatright” for right-floated text.
CODE
[floatleft]Use “floatleft” for left-floated text...[/floatleft]
[floatright]...and “floatright” for right-floated text.[/floatright]
Works on and off the portal!
Does not look good when used for more than one line of text per float box!
Div with class: creates an HTML; container with specified class, useful if you have a specific class in mind
CODE
[div=myclass]Div with class: creates an HTML <div> container with specified class, useful if you have a specific class in mind[/div]
Preserve Whitespace: to preserve the exact text. Unlike HTML <pre>, this is a block, not inline.
a a aa a
bbb ccc
dddd
CODE
[pre]a a aa a
bbb ccc
dddd[/pre]
Table: use for tabular data, nest
tr tag (table rows) and
td tag (table cells, “data”) as usual, remove all linebreaks in the final version.
| Category 1 | Category 2 | Category 3 |
Group 1 | Item 1 | Item 2 | Item 3 |
Group 2 | Item 4 | Item 5 | Item 6 |
CODE
[table=width:100%][tr][td][/td][td][b]Category 1[/b][/td][td][b]Category 2[/b][/td][td][b]Category 3[/b][/td][/tr][tr][td][b]Group 1[/b][/td][td]Item 1[/td][td]Item 2[/td][td]Item 3[/td][/tr][tr][td][b]Group 2[/b][/td][td]Item 4[/td][td]Item 5[/td][td]Item 6[/td][/tr][/table]
This is another example, which uses different styles as well as a border for the table:
| Category 1 | Category 2 | Category 3 |
Group 1 | Item 1 | Item 2 | Item 3 |
Group 2 | Item 4 | Item 5 | Item 6 |
CODE
[table=width:100%;font-size:75%;border-top:2px solid black;border-bottom:2px solid black;margin:0;padding: 1ex;line-height:1.5em;][tr][td][/td][td][b]Category 1[/b][/td][td][b]Category 2[/b][/td][td][b]Category 3[/b][/td][/tr][tr][td][b]Group 1[/b][/td][td]Item 1[/td][td]Item 2[/td][td]Item 3[/td][/tr][tr][td][b]Group 2[/b][/td][td]Item 4[/td][td]Item 5[/td][td]Item 6[/td][/tr][/table]
The attribute of the
table tag is a list of CSS styling properties which will be applied to the entire table. You can find a list of properties on the website of the
W3C (
World Wide Web Consortium).
Link to the Full Property Table @w3.org
More information: