Difference between revisions of "Bulletin board code/it" From Online Manual

Jump to: navigation, search
(Updating to match new version of source page)
(Updating to match new version of source page)
Line 10: Line 10:
 
[b]        bold text        [/b]}}
 
[b]        bold text        [/b]}}
  
===Bold and italic text===
+
==When Order Matters Part 1==
  
 
You can place one BBCode tag inside another as long as ''the child tag is closed before the parent tag''. For example, the correct way to make bold and italic text is:
 
You can place one BBCode tag inside another as long as ''the child tag is closed before the parent tag''. For example, the correct way to make bold and italic text is:
Line 32: Line 32:
 
     [/i]}}
 
     [/i]}}
  
===The Size Tag===
+
==When Order Matters Part 2==
  
Note that the order in which the size tag is nested is important when it is paired with the following text alignment tags: center, left, right, and pre. For the size tag to change the font, it must be placed as follows:
+
Note that the order in which tags are nested is important when text-formatting tags like size, bold, or italic are paired with the following text-alignment tags: center, left, right, and pre. Formatting tags must be placed inside alignment tags. For example, for the size tag to change the font, it must be placed as follows:
  
 
{{code|<nowiki>[center][size=36pt][b][u]text[/u][/b][/size][/center]</nowiki>}}
 
{{code|<nowiki>[center][size=36pt][b][u]text[/u][/b][/size][/center]</nowiki>}}
Line 47: Line 47:
 
* {{llink|Alphabetical list of all bulletin board codes|text=Alphabetical list of all bulletin board codes}}
 
* {{llink|Alphabetical list of all bulletin board codes|text=Alphabetical list of all bulletin board codes}}
 
{{ {{Localized|As a regular user}}}}
 
{{ {{Localized|As a regular user}}}}
 +
 +
<!--T:19-->
 +
Note that the order in which tags are nested is important when text-formatting tags like size, bold, or italic are paired with the following text-alignment tags: center, left, right, and pre. Formatting tags must be placed inside alignment tags. For example, for the size tag to change the font, it must be placed as follows:
 +
 +
<!--T:20-->
 +
{{code|<nowiki>[center][size=36pt][b][u]text[/u][/b][/size][/center]</nowiki>}}
 +
 +
<!--T:21-->
 +
Nesting the size tags as per the example below will result in this tag not working:
 +
 +
<!--T:22-->
 +
{{code|<nowiki>[size=36pt][center][b][u]text[/u][/b][/center][/size]</nowiki>}}
 +
 +
<!--T:23-->

Revision as of 02:50, 19 June 2013

Bulletin Board Codes or BBCodes are a way to format posts in SMF and in many other places online. For an explanation of the buttons in the post page, see Basic Bulletin Board Codes (en). This article explains the important concept of nesting.

Annidare BBCode

The general format of a BBCode has three parts: an opening tag, the inside content and a closing tag, as shown below:

[open]      text inside      [/close]
[b]         bold text        [/b]

When Order Matters Part 1

You can place one BBCode tag inside another as long as the child tag is closed before the parent tag. For example, the correct way to make bold and italic text is:

[b][i]bold & italic text[/i][/b]

You can also do it in the following way - both are valid, just the tags are in reverse order:

[i][b]bold & italic text[/b][/i]

The correct method is shown more clearly when the tags are indented:

[b]
    [i]
        bold & italic text
    [/i]
[/b]

The next example is incorrectly nested, which is easily shown with indented tags:

[b][i]bold & italic text[/b][/i]
[b]
    [i]
        bold & italic text
[/b]
    [/i]

When Order Matters Part 2

Note that the order in which tags are nested is important when text-formatting tags like size, bold, or italic are paired with the following text-alignment tags: center, left, right, and pre. Formatting tags must be placed inside alignment tags. For example, for the size tag to change the font, it must be placed as follows:

[center][size=36pt][b][u]text[/u][/b][/size][/center]

Nesting the size tags as per the example below will result in this tag not working:

[size=36pt][center][b][u]text[/u][/b][/center][/size]

See Also


Note that the order in which tags are nested is important when text-formatting tags like size, bold, or italic are paired with the following text-alignment tags: center, left, right, and pre. Formatting tags must be placed inside alignment tags. For example, for the size tag to change the font, it must be placed as follows:

[center][size=36pt][b][u]text[/u][/b][/size][/center]

Nesting the size tags as per the example below will result in this tag not working:

[size=36pt][center][b][u]text[/u][/b][/center][/size]