EZ Office utilizes BBCode (Bulletin Board Code) as the markup language for posts, replies, and comments. The BBCode engine on this site is powerful and allows for a wide range of content formatting options. BBCode is created by placing your content between tags, which are denoted using bracket symbols. For example, typing [b]this[/b] will render this. Use this page as a reference to the usage and capabilities of the system.

The Basics

Input
It is simple to make text [b]Bold[/b], [i]Italic[/i], or [u]Underline[/u].  You can even [s]fix[/s] correct your mistakes!
Result
It is simple to make text Bold, Italic, or Underline. You can even fix correct your mistakes!

Colors

Input
Sometimes a [color=red]bit of color[/color] goes a long way.  You can [highlight=orange]make things stand out[/highlight], [font=Impact]change the font[/font], [blur=#303F9F]blur them out[/blur], or [glow=#64DD17]make them glow[/glow]!
Result
Sometimes a bit of color goes a long way. You can make things stand out, change the font, blur them out, or make them glow!

Size and Headings

Input
There are several ways to set the font size.  Heading tags are good for structured content headings.
[h1]Heading 1[/h1]
[h2]Heading 2[/h2]
[h3]Heading 3[/h3]
[h4]Heading 4[/h4]
[h5]Heading 5[/h5]
[h6]Heading 6[/h6]

The style of a heading tag is determined by the overall style of the webpage.  For more fine grained control, you can use the size tag to specify the exact font size in pixel units.

[size=36]This is easy to do![/size]
[size=8]Indeed it is![/size]
Result
There are several ways to set the font size. Heading tags are good for structured content headings.

Heading 1


Heading 2


Heading 3


Heading 4


Heading 5

Heading 6


The style of a heading tag is determined by the overall style of the webpage. For more fine grained control, you can use the size tag to specify the exact font size in pixel units.

This is easy to do!
Indeed it is!

Indention

Input
[tab=40]Normally, a paragraph of text will [b]not[/b] be indented (the way a book would be).  You can change that using the tab tag, specifying the intentation size in pixel units.[/tab]
Result
Normally, a paragraph of text will not be indented (the way a book would be). You can change that using the tab tag, specifying the intentation size in pixel units.

Effects

Input
Other random text effects are also available.  Make something [flash]flash or blink[/flash] if it is important.  There could be times when you require [sub]subscript[/sub] or [sup]superscript[/sup] text.  [stroke=blue]You can outline text[/stroke] using the stroke tag, or use [bigstroke=red]a big stroke[/bigstroke] to really drive the point home, although those work better on larger text sizes.  Similar to the color tag, [dropshadow=#4FC3F7]dropshadow adds color, but also a shadow[/dropshadow] to the text.  [opacity=20]You can barely read me[/opacity]!
Result
Other random text effects are also available. Make something flash or blink if it is important. There could be times when you require subscript or superscript text. You can outline text using the stroke tag, or use a big stroke to really drive the point home, although those work better on larger text sizes. Similar to the color tag, dropshadow adds color, but also a shadow to the text. You can barely read me!

Marquee

Input
[marquee]Make your own breaking news ticker with the marquee tag![/marquee]
Result
Make your own breaking news ticker with the marquee tag!

Bulleted List

Input
[list]
[*]Bulleted lists
[*]Might be used
[*]For helpful information
[/list]
Result
  • Bulleted lists
  • Might be used
  • For helpful information

Numbered List

Input
[ol]
[*]The ol tag is similar
[*]except for that the list
[*]is numbered sequentially.
[/ol]
Result
  1. The ol tag is similar
  2. except for that the list
  3. is numbered sequentially.

Quoting

Input
[quote=God]Let there be light.[/quote]
[quote]I don't even know who said this.[/quote]
Result
God said:Let there be light.

I don't even know who said this.

Left Alignment

Input
[left]You can align your paragraphs left...[/left]
Result
You can align your paragraphs left...

Center Alignment

Input
[center]... or you can align your paragraphs center...[/center]
Result
... or you can align your paragraphs center...

Right Alignment

Input
[right]... or you can align your paragraphs right![/right]
Result
... or you can align your paragraphs right!

Code Samples

Input
[code]A lot of code tags were used in the making of this page.  You can even demonstrate other [b]tags[/b] inside of this tag.[/code]

[noparse]You can also use the [b]noparse[/b] tag to specify an area where BBCode tags will not be parsed.[/noparse]

[c]The [c] tag does the same thing as [noparse][/c]
Result
A lot of code tags were used in the making of this page.  You can even demonstrate other [b]tags[/b] inside of this tag.

You can also use the [b]noparse[/b] tag to specify an area where BBCode tags will not be parsed.

The [c] tag does the same thing as [noparse]

Spoilers

Input
[spoiler]You can have a simple spoiler alert...[/spoiler]

[spoiler="Custom Heading"]...or you can even pick a custom heading.[/spoiler]
Result
Spoiler:You can have a simple spoiler alert...

Custom Heading:...or you can even pick a custom heading.

Collapse Section

Input
[collapse="Click Here to See More!"]The Collapse tag works similar to spoiler, although it is meant more for content organization instead of hiding a small piece of text.[/collapse]
Result
Click Here to See More!
The Collapse tag works similar to spoiler, although it is meant more for content organization instead of hiding a small piece of text.

Links

Input
To prevent spam, urls like this: https://www.ape-apps.com are not automatically made into links anyore.  You must place them manually inside of a [url]https://www.ape-apps.com[/url] tag.  You can also have links with [url=https://www.ape-apps.com]custom text[/url].
Result
To prevent spam, urls like this: https://www.ape-apps.com are not automatically made into links anyore. You must place them manually inside of a https://www.ape-apps.com tag. You can also have links with custom text.

Images

Input
[img]https://www.ape-apps.com/ape_logo.png[/img]
Result

Floating Element

Input
[float=right][img]https://market.ape-apps.com/app_icons/1496261737409.png[/img][/float]Sometimes you need to align an element and wrap text around it. Use the Float tag. Acceptable parameter values are left and right. Many elements can be placed within the float tag.
Result
Sometimes you need to align an element and wrap text around it. Use the Float tag. Acceptable parameter values are left and right. Many elements can be placed within the float tag.

Columns

Input
[b]Method 1[/b]
[columns=2]There are a couple of different ways to render columns.  Using this first method, you specify the number of columns you want, and the browser automatically lays out your text to render evenly (or close) between the columns.[/columns]

[b]Method 2[/b]
[column]
[col]The second method is more like specifiying a standard table.[/col]
[col]You control what text goes into what column, and you add a col tag for each column you want.[/col]
[col]Column sizing and spacing is left up for the browser to decide.[/col]
[/column]
Result
Method 1
There are a couple of different ways to render columns. Using this first method, you specify the number of columns you want, and the browser automatically lays out your text to render evenly (or close) between the columns.

Method 2
The second method is more like specifiying a standard table. You control what text goes into what column, and you add a col tag for each column you want. Column sizing and spacing is left up for the browser to decide.

Data Tables

Input
[table]
[tr][th]Name[/th][th]Age[/th][/tr]
[tr][td]Bobby[/td][td]26[/td][/tr]
[tr][td]Suzie[/td][td]19[/td][/tr]
[/table]
Result

NameAge
Bobby26
Suzie19

Horizontal Lines

Input
[hr][/hr]
[hr=blue][/hr]
Result



Sized Container

Input
[container=200]When you want to contain a block of text to a specific width, specified in pixels.[/container]
Result
When you want to contain a block of text to a specific width, specified in pixels.

Boxes

Input
[box]Put text into a box to draw attention to it.[/box]
[box=#999999]You can also set the box background color.[/box]
Result
Put text into a box to draw attention to it.
You can also set the box background color.

Popup Window

Input
[popup="Check It Out"]Look at this fun fancy tag![/popup]
Result

YouTube Video

Input
[youtube]EUJ27HD_F7A[/youtube]
Result

Torrent Streaming

Input
[torrent]https://www.ape-apps.com/uploads/torrents/23382.torrent[/torrent]
Result

MP3 Streaming

Input
[mp3]https://www.ape-apps.com/download.php?f=22145[/mp3]
Result

Ape Web Apps embed

Input
[webapp]censor-bleep[/webapp]
Result

Mad About Memes embed

Input
[meme]61[/meme]
Result

Facebook Post embed

Input
[facebook]https://www.facebook.com/apeapps/posts/3086840188056175[/facebook]
Result

Twitter tweet embed

Input
[tweet=right]https://twitter.com/apeapps/status/1178780844611256326[/tweet]
[tweet]https://twitter.com/apeapps/status/1178780844611256326[/tweet]
Result





Ape Chat Window

Input
[chat]off-topic[/chat]
Result
#off-topic

My Colony Card

Input
[colony]jGTKNfWT[/colony]
Result

Blog More Tag

Input
[more][/more]
Result

Additional Samples

Input
[float=left][container=180][box=#f44336][b][color=white]Specify a box size by placing it [flash]inside[/flash] of a container![/color][/b][/box][/container][/float]The power of the system comes in when you start mixing and matching tags together.

Since you can place almost any combination of tags inside of each other, you can create many interesting layouts in your comments or posts.  As long as all of your opening tags properly match to a closing tags, there are a ton of possibilities for making your posted content look amazing!  Just play around with the system and see what you can come up with.  Odds are good that if there is something you need to create, you will have the ability to create it.

[box=#333333][color=#ffcc00][b][marquee][flash]BREAKING NEWS[/flash]: There are a ton of capabilities with the BBCode system![/marquee][/b][/color][/box]

[center][size=36][b][bigstroke=#000000][color=#ffffff][font=Impact]go have fun and see what you can create![/font][/color][/bigstroke][/b][/size][/center]
Result
Specify a box size by placing it inside of a container!
The power of the system comes in when you start mixing and matching tags together.

Since you can place almost any combination of tags inside of each other, you can create many interesting layouts in your comments or posts. As long as all of your opening tags properly match to a closing tags, there are a ton of possibilities for making your posted content look amazing! Just play around with the system and see what you can come up with. Odds are good that if there is something you need to create, you will have the ability to create it.

BREAKING NEWS: There are a ton of capabilities with the BBCode system!

go have fun and see what you can create!