Bulletin board code/it: Difference between revisions

Revision as of 09:22, 10 July 2011

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. 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]

Bold and italic text

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]

This is shown more easily 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]

@@ Line 1: / Line 1: @@
-<!--T:1
+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]]. This article explains the important concept of nesting.
--->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]]. This article explains the important concept of nesting.
-==<!--T:2
+==Annidare BBCode==
--->Nesting BBCodes==
+The general format of a BBCode has three parts, an opening tag, the inside content and a closing tag, as shown below:
-<!--T:3
+{{code|[open]      text inside      [/close]
--->The general format of a BBCode has three parts, an opening tag, the inside content and a closing tag, as shown below:
+[b]         bold text        [/b]}}
-{{code|[<!--T:4
+===Bold and italic text===
--->open]      <!--T:5
+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:<!-- <div class="codeheader">: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation"></a></div> -->{{code|[b][i]bold & italic text[/i][/b]}}This is shown more easily when the tags are indented:{{code|[b]
--->text inside      [/<!--T:6
--->close]
-[b]         <!--T:7
--->bold text        [/b]}}
-===<!--T:8
--->Bold and italic text===
-<!--T:9
--->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:<!-- <div class="codeheader">: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation"></a></div> -->{{code|[b][i]<!--T:10
--->bold & italic text[/i][/b]}}<!--T:11
--->This is shown more easily when the tags are indented:{{code|[b]
      [i]
-         <!--T:12
+         bold & italic text
--->bold & italic text
      [/i]
-[/b]}}<!--T:13
+[/b]}}The next example is incorrectly nested, which is easily shown with indented tags:
--->The next example is incorrectly nested, which is easily shown with indented tags:
+{{code|[b][i]bold & italic text[/b][/i]
-{{code|[b][i]<!--T:14
--->bold & italic text[/b][/i]
 [b]
      [i]
-         <!--T:15
+         bold & italic text
--->bold & italic text
 [/b]
      [/i]}}
-==<!--T:16
+==See Also==
--->See Also==
 * [[Basic bulletin board codes]]

Navigation

Search

Tools