The tag formats its contents using bold text. The ending tag is required.
The tag formats its contents using italic text. The ending tag is required.
The tag adds an underline to its contents. The ending tag is required.
The tag formats its contents as superscript. The ending tag is required.
The tag formats its contents as subscript. The ending tag is required.
The tag formats its contents as a spoiler (select this text with your mouse to see the spoiler). The ending tag is required.
The tag provides a helpful mouseover for acronyms and other words where popup text can be helpful, like this: keyword. The ending tag is required.
The [size] tag lets you control the size of your text:
This text is size 0 (tiny).
This text is size 1 (very small).
This text is size 2 (small).
This text is size 3 (normal).
This text is size 4 (large).
This text is size 5 (very large).
This text is size 6 (huge).
This text is size 7 (ridiculous).
The ending [/size] tag is required, and the size given must be a number from 0 to 7.
The [color] tag allows you to control the text color. You can specify the color as either a three-digit hex code, like #069, or as a six-digit hex code, like #E34715, or as a standard HTML color name, like red. For example, [color=goldenrod]Shiny gold[/color] will appear as Shiny gold, and [color=#069]True blue![/color] will appear as True blue!
The [font] tag allows you to alter the text's typeface. You may use specific font names, like Times New Roman, or generic font names, like cursive. Note that if you want to use a name that contains spaces, like Times New Roman, you should surround it in quotation marks, like this: [font="Times New Roman"]...[/font] NBBC will almost always get it right even if you don't use quotes, but quotes guarantee it'll be correct.
Note that the [font] tag allows you to separate font names with commas, just like CSS does, so that if a given font is not available, your choice of fallback fonts can be used instead: [font=Arial,Helv,Helvetica,sans]...[/font]
The [font] tag also recognizes the five standard CSS "generic" font names:
serif - A serifed font, like Times or Roman
sans-serif - A sans-serif font, like Helvetica or Arial (also sansserif, sans serif, and just sans)
cursive - A cursive font, like Zapf-Chancery
fantasy - A "fantasy" font, like Western
monospace - A fixed-width font, like Courier (also mono)
The [url] tag, which is available in two different forms, allows you to insert links to external documents. In the first form, it simply marks the URL as a link:
[url]http://www.google.com[/url] --> http://www.google.com
In the second form, you can specify the text to appear within the link:
[url=http://www.google.com]Google![/url] --> Google!
The target= parameter mirrors that of the HTML <a> element, and allows the link to open in a different window or frame. It accepts all of the standard window names that the <a> element's target= parameter accepts, including "_blank", "_self", "_parent", and "_top", as well as specifically-named windows and frames.
(Note: for security reasons, the target= parameter is disabled by default, and must be manually enabled using the BBCode::SetURLTargetable() function for this parameter to be usable in your BBCode. See BBCode::SetURLTargetable() for more details.)
The [email] tag lets you easily insert someone's e-mail address. Like the [url] tag, it is available in two forms. In the first form, it simply marks the e-mail address as a link:
[email]firstname.lastname@example.org[/email] --> email@example.com
In the second form, you can specify the text to appear within the link:
[firstname.lastname@example.org]Bill G.[/email] --> Bill G.
For safety's sake, NBBC performs static checks on the given e-mail address to ensure that it is legal: For example, it knows that john@foo is not a legal e-mail address and will not allow it.
This inserts an image into your document. You should provide a URL to the image between the start and end [img]tags, like this:
Google's logo: [img]http://www.google.com/intl/en_ALL/images/logo.gif[/img]
--> Google's logo:
Alternatively, if you instead use a partial filename (which must start with an alphanumeric character or an underscore), the [img] tag will locate the file relative to the defined local image directory, and will A determine that the image file actually exists on the local server and B insert correct width/height for it as well, which can speed page loading. For example, if you run a webcomic site, it may be beneficial to set your local image directory to /comics, so that you can then include individual comics just by writing [img]20080704.jpg. Any filename which starts with a . or a / will not be considered a local image file.
[image width=x height=y]name[/image]
The [image] is a custom version of the [img] which supports resizing and loading images from the system. This only supports images loaded using Administration - Back Office - Images and the icon database. If you are on an event specific page, this tag will first search for an event specific image, then fall back to the system-wide images. If you only specify a width then the height will be calculated automatically. Same is if you only specify a height. If you specify both width and height, then the image will be sized accordingly, but it could be stretched out of proportion.
[image width=48]joypad[/image] ->
[image height=32]joypad[/image] ->
[image width=48 height=32]joypad[/image] ->
This inserts a horizontal rule (separator bar) into your document. When you use the shorthand ----- form, NBBC converts it into a [rule] tag. The default behavior of the [rule] tag is to generate a <hr /> HTML element as its output; this behavior can be changed with the SetRuleHTML function. The [rule] tag does not have an end tag.
This inserts a break (<br />) into your document; it is equivalent to a carriage return, but unlike a carriage return, it can't be "eaten" by a nearby block tag like [center]. The [br] tag does not have an end tag.
The [center] tag causes its contents to be broken into a separate block and aligned horizontally to the center of the page. Its end tag is required.
The [left] tag causes its contents to be broken into a separate block and aligned horizontally to the left of the page. Its end tag is required.
The [right] tag causes its contents to be broken into a separate block and aligned horizontally to the right of the page. Its end tag is required.
The [indent] tag causes its contents to be broken into a separate block and be to indented, to have an approximately half-inch margin on the left side. Its end tag is required.
The [floatleft] and [floatright] tags allow you to place content to the right or left of the subsequent content. This is useful for doing things like placing an image beside a paragraph.
The [clear] tag is useful in relation to using the [floatleft] and [floatright] tags. This tag ensures that there is no remaining floatleft or floatright content before continuing. This will add vertical padding such that subsequent content is free of the floating content.
The [columns] tag begins a section where separate chunks of text are placed visually side-by-side, like with newspaper columns. The [nextcol] tag works with the
tag to separate individual columns from one another. Usage of the [columns] tag is best demonstrated by example:|
This text goes before the columns. [columns] This text is in the first column. This is a second line in the first column. [nextcol] This is the second column, with a second line. [nextcol] This is a third column. Are we having fun yet? [/columns] This text goes after the columns.
This text goes before the columns.
The ending [/columns] tag is required.
The [list] tag is designed for creating lists of things.
- [list=1] 1, 2, 3 ...
- [list=01] 01, 02, 03 ..., 10, 11 ...
- [list=A] A, B, C...
- [list=a] a, b, c...
- [list=I] I, II, III, IV...
- [list=i] i, ii, iii, iv...
- [list=greek] α, β, γ...
- [list=circle] ∘
- [list=disc] •
- [list=square] ▪
Event Page TagsThe following tags can only be used on event-specific pages (not site-wide pages)
The [vendors] Will pull a list of companies that made purchases for the event where the item name includes the catalog name specified. For example [vendors catalog=dealer] will pull a list of containing everyone that purchased an item with "dealer" in the item name. The list will show the Organization name and if the account has a website entry it will be a link to their website. This is an easy way for the system to automatically maintain a list of registered dealers, artist alley vendors, art show artists, etc...
This tag will be replaced by the purchase block for a catalog item. This allows you to put catalog items that are for sale on any page. For example, this could be used on a guest specific page to sell autograph tickets.