49 replies to this topic

[Brother Tyler]

This topic provides information on how to use all of the BBCodes available at the Bolter & Chainsword.

Each post starts with a link back to this index, followed by the name of the BBCode in large text. This is followed by a brief description of how the BBCode works and provides formatting. An example is then shown first in code, then the result in a post. On occasion, multiple examples are provided. Relevant notes are provided. In some cases, examples of advanced uses are provided, first as code and then the actual appearance in a post.
 
BBCode Name

The base code for the BBCode will appear here.

Description of how the BBCode works for formatting.

An example of the BBCode will appear in a code box. You can highlight and copy examples in code boxes for your own use.

Immediately below the example in the code box will be the exact same BBCode, activated (i.e., not in a code box). This is how the code in the box above will actually appear in posts.

If there are any relevant notes, they will appear in italics after the examples. This may include bugs or notes when BBCodes aren't functioning.

Examples of advanced usages may appear below notes and basic examples. In cases where BBCodes are used relative to other elements of a post, lorem ipsum text will appear to represent the other content. Examples of this include the clearfloat and left/right sidebars.

Note that some of the BBCodes don't work properly. Those BBCodes appear in the index below, but they are not linked to visible posts. If we get those BBCodes working, the links and posts will be activated.

Index of BBCodes
All entries below are hyperlinked (unless the BBCode doesn't work, in which case the entry has been hidden and the entry below is a placeholder in case we get the BBCode fixed).

CODE
Code →
HTML Code →
PHP Code
SQL Code

CONTENT ALIGNMENT
Center Alignment →
Left Alignment →
Right Alignment →

CONTENT APPEARANCE
Background Color →
Bold Text →
Text Color →
Font →
Italic Text →
Size (font) →
Strike Through Text →
Subscript Text →
Superscript Text →
Underlined Text →

CONTENT SPECIAL EFFECTS
Acronym →
Clearfloat →
Dropcap →
Hidden Content →
Indent →
Quote →
SM Indent →
Spoiler →

HEADERS
Basic Header →
Basic Header Half →
Caslon Header →
Caslon Skull Header →
Skull Header →
Skull Header Half →

IMAGES
Image →
Image Left →
Image Right →
Light Box Close
Light Box Load
Light Box Open
Small Space Marine
Space Marine

LINKS
E-Mail Address
Member →
Post Link →
Post Snap Back
Topic Link →
URL →

LISTS
List, Bullet →
List, Numbered →

SIDEBARS & CAPTIONS
Caption Left →
Caption Right →
Left Sidebar →
New Caption Left →
Right Sidebar →

TABLES
Table

OTHER
Definition →
Horizontal Rule
Media
Shared Media
Twitter

[Brother Tyler]

return to index

Acronym

[acronym={option}]{content}[/acronym]

The acronym tag allows a post author to provide clarity when using an acronym. Text to which the BBCode is applied will be underlined, indicating to viewers that the text is active and that they should hold the mouse over it. When a viewer hovers the mouse over the text to which the BBCode is applied, the content provided in the code appears. The author should enter the spelled out term from which the acronym is created (e.g., when hovering the mouse over "TDA" the term "tactical dreadnought armour" appears). The viewer can make the dialog box disappear by clicking the mouse/pointer.

[acronym=tactical dreadnought armour]TDA[/acronym]

TDA

Note that this BBCode can also be used to provide a definition/clarification for a term, as in the example below.
 

Which of the [acronym=The Successors of the 1st (Dark Angels) Legion collectively refer to themselves as "the Unforgiven," though the meaning behind the term is unknown to the larger Imperium of Mankind.]Unforgiven Chapters[/acronym] is your favorite?

Which of the Unforgiven Chapters is your favorite?

[Brother Tyler]

return to index

Background Color

[background={option}]{content}[/background]

This code allows the author to change the background color of text from that of the skin being used to a specific color. The author may use either the plain English name of basic web-friendly colors or the hexadecimal code for a color.

[background="green"]text on a green background, plain English[/background]

text on a green background, plain English

[background=#008800]text on a green background, hexadecimal[/background]

text on a green background, hexadecimal

When using this BBCode, contrast with the font color is an important consideration. The board software will automatically use the default font color for the skin (the default site skin is white with black text, whereas the most commonly used skin is dark grey with white text). If both white and black font provide sufficient contrast with the background color you've chosen, you don't need to do anything. If one of those colors doesn't work, you should force the other color (or some other color of your choosing) using the color text/font color BBCode.

Note that this BBCode has bugs and often disappears automatically when the post in which it appears is edited, whether the BBCode was edited or not.

You can find hexadecimal codes for many miniature paints here.

[Brother Tyler]

return to index

Basic Header

[basicheader={option}]{content}[/basicheader]

This code allows the author to create a basic header, text in a colored box. Unlike the background color BBCode, only the hexadecimal color codes work with the basic header BBCode. The basic header stretches across the full width of the post area.

[basicheader=008800]Basic header text in a green box[/basicheader]

Basic header text in a green box

Note that all header BBCodes create additional vertical space immediately below the header. You can often mitigate this by entering the content on the same line as the header closing tags, or the space immediately below that one (depending upon the amount of space you desire).

Note that advanced usage of this BBCode allows you to combine other BBCodes to further format the text inside the header box, including weight, font style, font size, font color, images, etc. A few examples are below:

[basicheader=880000][img=http://image.bolterandchainsword.com/uploads/gallery/album_6416/gallery_26_6416_686.png] Bolter & Chainsword logo added[/basicheader]

Bolter & Chainsword logo added

[basicheader=000088][topic=22]Topic Link to the Forum Rules[/topic][/basicheader]

Topic Link to the Forum Rules

[basicheader=ab8b22][size=1][color=black]Small Black Text[/color][/size][/basicheader]

Small Black Text

You can find hexadecimal codes for many miniature paints here.

[Brother Tyler]

return to index

Basic Header Half

[basicheaderhalf={option}]{content}[/basicheaderhalf]

The basic header half BBCode works exactly like the basic header BBCode, except the header box stretches across half the post width.

[basicheaderhalf=008800]Half header in a green box[/basicheaderhalf]

Half header in a green box

As with the basic header, the half header can also combine other BBCodes to further format the content within the half header box.

You can find hexadecimal codes for many miniature paints here.

[Brother Tyler]

return to index

Bold Text

[b]{content}[/b]

This BBCode allows you to add emphasis to text by making the font appear in a bold weight.

[b]This text is bold.[/b]

This text is bold.

[Brother Tyler]

return to index

Caption Left

[captionleft={option}]{content}[/captionleft]

This BBCode creates a captioned box that will appear on the left side of the display area. The content area will be in the standard skin color while the caption area at the bottom will be red in color. The other elements of the text (starting with those that come immediately following the caption code) will flow around the caption box.

[captionleft=The "option" portion is where the actual caption goes.]The element for which the caption is provided goes
in the "content" area. Note how the width of the
content drives the width of the caption. So you
must use hard returns in order to control caption
width. I've entered hard returns every 50 spaces.[/captionleft]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

The element for which the caption is provided goes
in the "content" area. Note how the width of the
content drives the width of the caption. So you
must use hard returns in order to control caption
width. I've entered hard returns every 50 spaces.

The "option" portion is where the actual caption goes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

Important: If you enter strings of text in either the caption (option) or content areas, you must enter hard returns, otherwise the caption box will stretch across the full width of the display area. You'll have to experiment if you want specific results.

As with other BBCodes, advanced mastery of this BBCode enables you to combine other BBCodes for specific results.

[Brother Tyler]

return to index

Caption Right

[captionright={option}]{content}[/captionright]

This BBCode creates a captioned box that will appear on the right side of the display area. The content area will be in the standard skin color while the caption area at the bottom will be red in color. The other elements of the text (starting with those that come immediately following the caption code) will flow around the caption box.

[captionright=The "option" portion is where the actual caption goes.]The element for which the caption is provided goes
in the "content" area. Note how the width of the
content drives the width of the caption. So you
must use hard returns in order to control caption
width. I've entered hard returns every 50 spaces.[/captionright]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

The element for which the caption is provided goes
in the "content" area. Note how the width of the
content drives the width of the caption. So you
must use hard returns in order to control caption
width. I've entered hard returns every 50 spaces.

The "option" portion is where the actual caption goes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

Important: If you enter strings of text in either the caption (option) or content areas, you must enter hard returns, otherwise the caption box will stretch across the full width of the display area. You'll have to experiment if you want specific results.

As with other BBCodes, advanced mastery of this BBCode enables you to combine other BBCodes for specific results.

[Brother Tyler]

return to index

Caslon Header

[caslonheader={option}]{content}[/caslonheader]

This BBCode creates a full size header box with text in the Caslon Antique font, the font often used by Games Workshop in presenting lore in publications. Aside from the font, the BBCode functions exactly as the Basic Header BBCode.

[caslonheader=008800]Caslon Header in a green box[/caslonheader]

Advanced BBCode mastery enables you to incorporate other BBCodes to further customize the outcome.

You can find hexadecimal codes for many miniature paints here.

[Brother Tyler]

return to index

Caslon Skull Header

[caslonskullheader={option}]{content}[/caslonskullheader]

This BBCode creates a full size header box with a skull image and text in the Caslon Antique font, the font often used by Games Workshop in presenting lore in publications. Aside from the skull and font, the BBCode functions exactly as the Basic Header BBCode.

[caslonskullheader=008800]Caslon Skull Header in a green box[/caslonskullheader]

Advanced BBCode mastery enables you to incorporate other BBCodes to further customize the outcome.

You can find hexadecimal codes for many miniature paints here.

[Brother Tyler]

return to index

Center Alignment

[center]{content}[/center]

This code allows you to align the content so that the center of each line of content lines up with the center of each other line.

[center]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus.
Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque.
Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo,
ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus
pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo.
Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at
facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit
amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum
lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent
eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id
scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus.
Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius
aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et
sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In
ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc
elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie
lorem libero non velit. Aliquam luctus malesuada condimentum.[/center]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus.
Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque.
Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo,
ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus
pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo.
Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at
facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit
amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum
lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent
eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id
scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus.
Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius
aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et
sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In
ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc
elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie
lorem libero non velit. Aliquam luctus malesuada condimentum.

[Brother Tyler]

return to index

Clearfloat

[clearfloat]{content}[/clearfloat]

This BBCode allows you to force the board software to format content so that everything after the BBCode appears below the content above. In general, this is used to ensure that content doesn't overlap.

Below is an example of an image overlapping a header. The Clearfloat BBCode is not used.

The Imperial Butt Kickers Chapter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.
 

The Butt Kicking Warrior Cult

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

Note how the second (smaller) header displays overlapping the image of the Space Marine. By using the Clearfloat BBCode, I can force the second header and subsequent content to appear after/below the Space Marine. Here's the exact same material with the Clearfloat BBCode added:

The Imperial Butt Kickers Chapter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

The Butt Kicking Warrior Cult

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

[clearfloat][/clearfloat]

By inserting the Clearfloat BBCode, I've forced the software to separate elements in order to achieve the outcome I desire. You'll find this BBCode to be especially useful when creating articles that include images, sidebars, and captions combined with headers (and other images, sidebars, and captions).

Note that I haven't provided an example of code above, other than the basic BBCode that you must enter in order to achieve the desired effect.

[Brother Tyler]

return to index

Code
<no base code shown because it bugs>
This BBCode allows you to show strings of text utilizing BBCode without that BBCode working, with everything inside the "code" tags appearing inside a code box.

[code]The content includes [b]BBCode[/b] which won't function because it is [i]in[/i] the "code" [u]tags[/u].[/code]

[Brother Tyler]

return to index

Color Text

[color={option}]{content}[/color]

This BBCode allows you to specify the color of the text, instead of using the default text for the skin. The "option" specifies the color the text, using either plain English (for a limited selection of web-friendly colors) or hexadecimal (six characters, the first two for the red spectrum, the second two for the green spectrum, and the last two for the blue spectrum - the combination of which allows for the full spectrum of colors visible to the human eye).

[color=red]This text is red, using the word red in the option.[/color]

This text is red, using the word red in the option.

[color=FF0000]This text is red, using the hexadecimal code for red in the option.[/color]

This text is red, using the hexadecimal code for red in the option.

Special care must be taken when using this BBCode as different members are viewing the site using different skins. While a color might work fine in the standard Carbon skin (with a dark grey background), that same color might not work so well for a member viewing the site using the mobile skin, which has a white background. It is often advisable to use this BBCode in conjunction with the background color BBCode (when the text is in a line of more text) or one of the header BBCodes (when the text is used as a header).

You can find hexadecimal codes for many miniature paints here.

[Brother Tyler]

return to index

Definition

[Definition][Defineobject={option}]{content}[/Defineobject][/Definition]

The definition tag allows a post author to provide clarity when using a word, code, or phrase. This code has two elements: the object to be defined and the definition. The object to be defined will appear in bold text, with the definition appearing in normal text immediately below.

[Definition][Defineobject=Chapter Master]The senior member and leader of a Chapter of the Adeptus Astartes.[/Defineobject][/Definition]

Chapter Master

The senior member and leader of a Chapter of the Adeptus Astartes.

[Brother Tyler]

return to index

Dropcap

[dropcap]{content}[/dropcap]

This BBCode allows you to format text so that the content (theoretically just the first letter in the first word of a paragraph) appears larger than the rest of the content, with the rest of the content flowing around the larger content.

[dropcap]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

L

orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Note that this BBCode can be combined with other BBCodes for even more specialized effects. In the example below, the font color BBCode has been applied.
 

[dropcap][color=red]L[/color][/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

L

orem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

[Brother Tyler]

return to index

Font

[font={option}]{content}[/font]

This BBCode will allow you to specify the font that will appear for the text to which it is applied, overriding the default font.

[font=comic sans ms]This is the Comic Sans MS font.[/font]

This is the Comic Sans MS font.

When using the WYSIWYG editor, the board software will automatically supplement the chosen font with an alternate choice, as well as with a font class designator (e.g., monospace, cursive, serif, or sans serif) to provide browsers with alternatives in case the chosen font is not available, or to support browser customizations. In the example above, the board software automatically added the cursive font class designator. When creating the example using the WYSIWYG editor, the BBCode result is shown below:

[font=comic sans ms,cursive]This is the Comic Sans MS font.[/font]

The fonts available in the WYSIWYG editor are shown below:

Default font:
A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z 0 1 2 3 4 5 6 7 8 9 . , ! ? " " ' ( )

Arial font:
A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z 0 1 2 3 4 5 6 7 8 9 . , ! ? " " ' ( )

Comic Sans MS font:
A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z 0 1 2 3 4 5 6 7 8 9 . , ! ? " " ' ( )

Courier New font:
A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z 0 1 2 3 4 5 6 7 8 9 . , ! ? " " ' ( )

Georgia font:
A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z 0 1 2 3 4 5 6 7 8 9 . , ! ? " " ' ( )

Lucida Sans Unicode font:
A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z 0 1 2 3 4 5 6 7 8 9 . , ! ? " " ' ( )
 
Tahoma font:
A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z 0 1 2 3 4 5 6 7 8 9 . , ! ? " " ' ( )

Times New Roman font:
A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z 0 1 2 3 4 5 6 7 8 9 . , ! ? " " ' ( )

Trebuchet MS font:
A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z 0 1 2 3 4 5 6 7 8 9 . , ! ? " " ' ( )

Verdana font:
A a B b C c D d E e F f G g H h I i J j K k L l M m N n O o P p Q q R r S s T t U u V v W w X x Y y Z z 0 1 2 3 4 5 6 7 8 9 . , ! ? " " ' ( )

[Brother Tyler]

return to index

HTML Code

[html]{content}[/html]

This BBCode enables you to enter HTML into a post. The HTML is disabled, so it will appear in a code box, allowing members to copy the HTML.

[html]<a href="http://www.bolterandchainsword.com/">Visit the Bolter & Chainsword</a>[/html]

<a href="http://www.bolterandchainsword.com/">Visit the Bolter & Chainsword</a>

[Brother Tyler]

return to index

Image

[img={option}]

This BBCode allows you to embed an image in a post. Images must be stored on the internet in order for this to work (i.e., you can't simply embed an image that is on your hard drive).

[img=http://image.bolterandchainsword.com/uploads/gallery/album_1919/gallery_26_1919_391.jpg]

Note that you are limited to 24 images per post.

The easiest way to store your images on the internet and to use them here at the B&C is to create your own gallery here at the B&C. It's free and also allows for options such as smaller thumbnails of the image (in case you have a very large image that you'd like to include, but don't want to show it at full size).

[Brother Tyler]

return to index

Image Left

[imageleft]{content}[/imageleft]

This BBCode allows you to embed an image as the standard image BBCode, but where the standard image BBCode includes the image in line with the rest of the content, this BBCode embeds the image so that it is aligned to the left and the rest of the content will flow around it. This is done by entering the Image code inside the Image Left code; and the content to flow around the image will be entered immediately following the Image Left code. This is extremely useful in composing articles.

[imageleft][img=http://image.bolterandchainsword.com/uploads/gallery/album_1919/gallery_26_1919_391.jpg][/imageleft]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

[Brother Tyler]

return to index

Image Right

[imageright]{content}[/imageright]

This BBCode allows you to embed an image as the standard image BBCode, but where the standard image BBCode includes the image in line with the rest of the content, this BBCode embeds the image so that it is aligned to the right and the rest of the content will flow around it. This is done by entering the Image code inside the Image Right code; and the content to flow around the image will be entered immediately following the Image Right code. This is extremely useful in composing articles.

[imageright][img=http://image.bolterandchainsword.com/uploads/gallery/album_1919/gallery_26_1919_391.jpg][/imageright]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

[Brother Tyler]

return to index

Indent

[indent={option}]{content}[/indent]

This BBCode allows you to indent content, effectively moving the left margin for the content to which it is applied.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

[indent=5]Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.[/indent]
 
Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.
 

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

If you only plan on indenting a portion of your text, you'll need to use the closing tag. Note that the board software automatically removes a hard return after the indent closing tag, so I've entered a space in order to preserve the separation of paragraphs.

The examples below show various levels of indention, from 1 to 5.
 

This text has been indented with a value of 1.

This text has been indented with a value of 2.

This text has been indented with a value of 3.

This text has been indented with a value of 4.

This text has been indented with a value of 5.

[Brother Tyler]

return to index

Italic Text

[i]{content}[/i]

This BBCode allows you to add emphasis to text by making the font italicized.

[i]This text is italicized.[/i]

This text is italicized.

[Brother Tyler]

return to index

Left Alignment

[left]{content}[/left]

This code allows you to align the content so that the left side of each line of content lines up with the left side of each other line.

[left]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum. [/left]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

Use of this BBCode usually isn't necessary as the board software automatically defaults to left alignment when no BBCodes are used.

[Brother Tyler]

return to index

Left Sidebar

[leftsidebar={option}]{content}[/leftsidebar]

This BBCode creates a titled sidebar box that will appear on the left side of the display area. The content area will be white in color while the title area at the top will be red in color. The other elements of the text (starting with those that come immediately following the sidebar code) will flow around the sidebar box.

[leftsidebar=The "option" portion is where the sidebar title goes.]The element for which the title is provided goes
in the "content" area. Note how the width of the
content drives the width of the sidebar. So you
must use hard returns in order to control sidebar
width. I've entered hard returns every 50 spaces.[/leftsidebar]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

The "option" portion is where the sidebar title goes.

The element for which the title is provided goes
in the "content" area. Note how the width of the
content drives the width of the sidebar. So you
must use hard returns in order to control sidebar
width. I've entered hard returns every 50 spaces.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eu rhoncus risus. Sed tincidunt egestas porta. Fusce iaculis justo non lacus mattis scelerisque. Pellentesque lobortis sit amet nunc ornare euismod. Suspendisse ultricies sem justo, ac fermentum nisl tincidunt sed. Sed lobortis suscipit libero, vel ultricies risus pharetra nec. Donec arcu libero, aliquet vel tortor vitae, hendrerit pulvinar justo. Vestibulum ullamcorper, dolor at dictum tempus, dolor lorem varius nisi, at facilisis enim purus eu orci. Vestibulum quam enim, consectetur luctus sapien sit amet, ultrices vehicula odio. Aenean varius mauris ligula, at tempus dui interdum lobortis.

Donec nisi lacus, aliquet eget nisl sit amet, finibus dictum tortor. Praesent eleifend scelerisque ex, in auctor urna posuere ac. Nulla dapibus ex dui, id scelerisque nulla ultricies at. Suspendisse potenti. Praesent non eleifend metus. Mauris porttitor risus ut arcu ornare, eu convallis justo ullamcorper. Proin varius aliquam nisl, ut faucibus neque tincidunt at. Integer id iaculis lectus, et sollicitudin eros.

Quisque tincidunt arcu sit amet nibh eleifend commodo. Quisque sodales ex magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris maximus mi fermentum nibh vulputate, id commodo sapien molestie. In ornare facilisis turpis fringilla volutpat. Nulla quis vulputate nulla. Nunc elementum, arcu id accumsan convallis, enim purus ullamcorper est, eu molestie lorem libero non velit. Aliquam luctus malesuada condimentum.

Important: If you enter strings of text in either the title (option) or content areas, you must enter hard returns, otherwise the sidebar box will stretch across the full width of the display area. You'll have to experiment if you want specific results.

As with other BBCodes, advanced mastery of this BBCode enables you to combine other BBCodes for specific results.