Bulletin board code: Difference between revisions From Online Manual

Jump to: navigation, search
(Marked this version for translation)
m (Reverted edits by Illori (talk) to last revision by Flavio93Zena)
Tag: Rollback
 
(65 intermediate revisions by 9 users not shown)
Line 1: Line 1:
{{Other languages}}
{{TOCright}}
<translate><!--T:1-->
<translate><!--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 on the ''Post'' page, see {{llink|Basic Bulletin Board Codes|text=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.</translate>
 
==Nesting BBCodes== <!--T:2-->
 
<!--T:3-->
The general format of a BBCode tag has three parts: an opening tag, the inside content and a closing tag, as shown below:
{{code|[open]      text inside      [/close]
[b]        bold text        [/b]}}


==<translate><!--T:2-->
===When Order Matters, Part 1=== <!--T:8-->
<!--
-->Nesting BBCodes</translate>==


<translate><!--T:3-->
<!--T:9-->
The general format of a BBCode has three parts, an opening tag, the inside content and a closing tag, as shown below:</translate>
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:
{{code|[<translate><!--T:4-->
{{code|[b][i]bold & italic text[/i][/b]}}
open</translate>]      <translate><!--T:5-->
You can also do it in the following way, which is also valid, with the same tags in reverse order:
text inside</translate>      [/<translate><!--T:6-->
close</translate>]
[b]         <translate><!--T:7-->
bold text</translate>        [/b]}}
===<translate><!--T:8-->
Bold and italic text</translate>===


<translate><!--T:9-->
<!--T:9.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:</translate><!-- <div class="codeheader">: <a href="javascript:void(0);" onclick="return smfSelectText(this);" class="codeoperation"></a></div> -->{{code|[b][i]<translate><!--T:10-->
{{code|[i][b]bold & italic text[/b][/i]}}
bold & italic text</translate>[/i][/b]}}
 
<translate><!--T:11-->
<!--T:11-->
This is shown more easily when the tags are indented:</translate>{{code|[b]
The correct method can be visualized more clearly when the tags are indented:
{{code|[b]
     [i]
     [i]
         <translate><!--T:12-->
         bold & italic text
bold & italic text</translate>
     [/i]
     [/i]
[/b]}}
[/b]}}
<translate><!--T:13-->
The next example is incorrectly nested, which is easily shown with indented tags:</translate>
{{code|[b][i]<translate><!--T:14-->
bold & italic text</translate>[/b][/i]


<!--T:12-->
The next example is incorrectly nested. The last two lines show that the parent tag <nowiki>[b]</nowiki> was closed before the child tag <nowiki>[i]</nowiki>.
{{code|[b][i]bold & italic text[/b][/i]
[b]
[b]
     [i]
     [i]
         <translate><!--T:15-->
         bold & italic text
bold & italic text</translate>
[/b]
[/b]
     [/i]}}
     [/i]}}


==<translate><!--T:16-->
===When Order Matters, Part 2=== <!--T:16-->
See Also</translate>==


* [[Basic bulletin board codes]]
<!--T:19-->
* [[Alphabetical list of all bulletin board codes]]
The order in which tags are nested is important when text-formatting tags such as ''size'', ''bold'', or ''italic'' are paired with the 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:
{{Other languages}}
 
[[Category:About Bulletin Board Code]]
<!--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>}}
 
==See Also== <!--T:23-->
 
<!--T:24-->
* {{llink|Basic Bulletin Board Codes|text=Basic Bulletin Board Codes}}
* {{llink|Alphabetical list of all bulletin board codes|text=Alphabetical list of all bulletin board codes}}
</translate>
{{ {{Localized|As a regular user}}}}

Latest revision as of 09:34, 12 May 2023

Languages English  · Deutsch · Ελληνικά · español · français · italiano · Nederlands · norsk · polski · русский · srpski (latinica) · svenska · Türkçe

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 on the Post page, see Basic Bulletin Board Codes. This article explains the important concept of nesting.

Nesting BBCodes

The general format of a BBCode tag 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, which is also valid, with the same tags in reverse order:

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

The correct method can be visualized more clearly when the tags are indented:

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

The next example is incorrectly nested. The last two lines show that the parent tag [b] was closed before the child tag [i].

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

When Order Matters, Part 2

The order in which tags are nested is important when text-formatting tags such as size, bold, or italic are paired with the 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



Advertisement: