BB Code Reference

Tag Example
[b]This is bold[/b] This is bold
[i]This is italic[/i] This is italic
[u]This is underline[/u] This is underline
[s]This is CNN[/s] This is CNN
[list][*]one [*]two [*]three [/list]
  • one
  • two
  • three
[ul][*]alternate [*]list [*]syntax [/ul]
  • alternate
  • list
  • syntax
[ol][*]numbered [*](ordered) [*]list [/ol]
  1. numbered
  2. (ordered)
  3. list
[quote=NR90]How do I get colored text?[/quote]
NR90 said:How do I get colored text?
[color=red]Like this![/color] Like this!
[color=#ffcc00]Or this![/color] Or this!
[highlight=orange]Highlight something important.[/highlight] Highlight something important.
[size=20]Pick your text size[/size] Pick your text size
[left]on the left[/left]
on the left
[center]in the middle[/center]
in the middle
[right]on the right[/right]
on the right
[code]alert("look at this awesome code i wrote!");[/code]
alert("look at this awesome code i wrote!");
[spoiler]Aliens built the pyramids.[/spoiler] Spoiler:Aliens built the pyramids.
[spoiler=Note to Self]You can change the text of the spoiler headline.[/spoiler] Note to Self:You can change the text of the spoiler headline.
[collapse=Hide Some Text]Similar to the spoiler tag, but a bit different. The collapse tag hides its content completely and is also blocking.[/collapse] Hide Some Text
Similar to the spoiler tag, but a bit different. The collapse tag hides its content completely and is also blocking.
[img]https://market.ape-apps.com/promos/1493563097396.png[/img]
[img align=right]https://market.ape-apps.com/app_icons/1496261737409.png[/img]Sometimes you need to align an image and wrap text around it. Here is how you do that. Acceptable align values are left and right. It also works with the linked image tag, as seen below. Sometimes you need to align an image and wrap text around it. Here is how you do that. Acceptable align values are left and right. It also works with the linked image tag, as seen below.
[img=https://www.ape-apps.com/ape_logo.png]https://www.ape-apps.com[/img]
[url]https://www.ape-apps.com[/url] https://www.ape-apps.com
[url=https://www.ape-apps.com]Ape Apps[/url] Ape Apps
[youtube]EUJ27HD_F7A[/youtube]
[torrent]https://www.ape-apps.com/uploads/torrents/23382.torrent[/torrent]
[mp3]https://www.ape-apps.com/download.php?f=22145[/mp3]
[webapp]censor-bleep[/webapp]
[meme]61[/meme]
[flash]Make something stand out with the flash tag![/flash] Make something stand out with the flash tag!
[marquee]Some browsers still support this golden IE classic![/marquee] Some browsers still support this golden IE classic!
[columns=2]Split text in the columns tag into equally spaced and sized columns. you can specify the number, or it will default to 3.[/columns]
Split text in the columns tag into equally spaced and sized columns. you can specify the number, or it will default to 3.
[column][col]Similar to the columns tag above...[/col][col]except you manually define the columns and their content, rather then having them laid out automatically for you.[/col][/column]
Similar to the columns tag above...except you manually define the columns and their content, rather then having them laid out automatically for you.
[table][tr][th]Name[/th][th]Weight[/th][/tr][tr][td]bobby[/td][td]86[/td][/tr][tr][td]timmy[/td][td]246[/td][/tr][/table]
NameWeight
bobby86
timmy246
[hr]to add a horizontal line to your post (no closing tag)
to add a horizontal line to your post (no closing tag)
Make it look pretty [hr=pink] Make it look pretty
You might need [sub]subscript[/sub] text at some point. You might need subscript text at some point.
You could also need [sup]superscript[/sup] text at another point. You could also need superscript text at another point.
[box]think inside the box for a change[/box]
think inside the box for a change
[box=180]a box with a numeric attribute lets you constrain the box to a specific size[/box]
a box with a numeric attribute lets you constrain the box to a specific size
[box=#B2DFDB]a box with a hex or rgb attribute lets you set the box background color.[/box]
a box with a hex or rgb attribute lets you set the box background color.
[transbox=180]the box can be transparent, which is good for sizing images, as seen below.[/transbox]
the box can be transparent, which is good for sizing images, as seen below.
[transbox=180][img]https://market.ape-apps.com/features/1487184200934.png[/img][/transbox]
[transbox=180 align=right]Like images, both boxes and transboxes can have the align attribute too. Go crazy with it. Only works if the box/transbox has a width set.[/transbox]
Like images, both boxes and transboxes can have the align attribute too. Go crazy with it. Only works if the box/transbox has a width set.
[noparse]a great tag when you [b]want to show how to use bbcode[/b][/noparse] a great tag when you [b]want to show how to use bbcode[/b]
[c]you can also use the [c] tag to obtain the same result.[/c] you can also use the [c] tag to obtain the same result.
[popup=Check It Out]Look at this fun fancy tag![/popup]
[latest=3]8[/latest]
[colony]jGTKNfWT[/colony]
[chat]off-topic[/chat]
#off-topic
[more]
[stroke color=blue]Try not to have a stroke![/stroke] Try not to have a stroke!
[bigstroke color=red]Have a BIG stroke![/bigstroke] Have a BIG stroke!
[font=Impact]Use different fonts to make an impact![/font] Use different fonts to make an impact!
[glow=#64DD17]Make some radioactive text![/glow] Make some radioactive text!
[dropshadow=#4FC3F7]Add colored text with a dropshadow.[/dropshadow] Add colored text with a dropshadow.
[blur]Help, I can't see properly![/blur] Help, I can't see properly!
[blur=#303F9F]Pick the color of your blindness![/blur] Pick the color of your blindness!
[tab=20]Add some indention to your text for added style.[/tab] Add some indention to your text for added style.
[opacity=45]Honestly, how solid does your text have to be? Choose between 0 and 99![/opacity] Honestly, how solid does your text have to be? Choose between 0 and 99!

Notes