(needs html cleanup) |
(HTML cleanup) |
||
| Line 1: | Line 1: | ||
{{Cleanup html}} | {{Cleanup html}} | ||
'''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 [[http://docs.simplemachines.org/index.php?topic=57| | '''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 [[http://docs.simplemachines.org/index.php?topic=57|Basic BBCodes]]. This article explains the important concept of nesting. | ||
'''Nesting BBCodes''' | '''Nesting BBCodes''' | ||
The general format of a BBCode has three parts, an opening tag, the inside content and a closing tag, as shown below:<div class="codeheader">: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation"></a></div>< | The general format of a BBCode has three parts, an opening tag, the inside content and a closing tag, as shown below:<!-- <div class="codeheader">: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation"></a></div> --><pre>[open] text inside [/close] | ||
[b] bold text [/b]</ | [b] bold text [/b]</pre> | ||
'''Bold and italic text''' | '''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:<div class="codeheader">: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation"></a></div>< | 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> --><pre>[b][i]bold & italic text[/i][/b]</pre> | ||
This is shown more easily when the tags are indented:<div class="codeheader">: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation"></a></div>< | This is shown more easily when the tags are indented:<!-- <div class="codeheader">: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation"></a></div> --><pre>[b] | ||
[i] | [i] | ||
bold & italic text | bold & italic text | ||
[/i] | [/i] | ||
[/b]</ | [/b]</pre> | ||
The next example is incorrectly nested, which is easily shown with indented tags:<div class="codeheader">: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation"></a></div>< | The next example is incorrectly nested, which is easily shown with indented tags:<!-- <div class="codeheader">: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation"></a></div> --><pre>[b][i]bold & italic text[/b][/i] | ||
[b] | [b] | ||
| Line 18: | Line 18: | ||
bold & italic text | bold & italic text | ||
[/b] | [/b] | ||
[/i]</ | [/i]</pre> | ||
[[Category:Bulletin Board Code]] | [[Category:Bulletin Board Code]] | ||
Revision as of 14:56, 5 January 2011
 |
This article may have been copied from the the forum-based Online Manual and contain some HTML remnants that need to be cleaned up. Please clean it up. This template may be removed when cleanup is complete. |
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 [BBCodes]. This article explains the important concept of nesting.
Nesting BBCodes
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]
