BB Code | |
BB code is a set of tags based on the HTML language that you may already be familiar with.
They allow you to add formatting to your messages in the same way as HTML does,
but have a simpler syntax and will never break the layout of the pages you are viewing.
The ability to use BB code is set on a forum-by-forum basis by the administrator,
so you should check the forum rules when you post a new message. Below is a list of the BB code tags you can use to format your messages. |
|
BB Code List | |
[b], [i], [u] | Bold / Italic / Underline |
[color] | Color |
[size] | Size |
[font] | Font |
[highlight] | Highlight |
[left], [right], [center] | Left / Right / Center |
[indent] | Indent |
[email] | Email Linking |
[url] | URL Hyperlinking |
[thread] | Thread Linking |
[post] | Post Linking |
[list] | Bulleted Lists / Advanced Lists |
[img] | Images |
[code] | Code |
[php] | PHP Code |
[html] | HTML Code |
[quote] | Quote |
[noparse] | Stop BB Code Parsing |
[attach] | Attachment |
[a id] | Anchor |
[admin] | Admin |
[album] | Album Image |
[alink id] | Anchor point |
[assist] | Assist |
[assistantadmin] | Assistant Admin |
[audio] | Audio tag |
[aurl] | Link Anchor (alias) |
[bss] | Battle Server Staff |
[cd] | CSS |
[centre] | Centre |
[cimg] | Image CSS |
[class] | Div Class |
[colour] | Colour |
[crystaltier] | Crystal Tier |
[css-div] | Styled Division Input |
[css-span] | CSS Advanced Input |
[cssc] | Shorthand CSS DIV class |
[daily] | Daily Staff |
[developer] | Developer |
[div] | HTML Division (CSS) |
[example] | Example |
[fangames] | Fangames Staff |
[float] | Floating Alt Text |
[glow] | Glow |
[goldtier] | Gold Supporter |
[h1] | Heading Level 1 |
[h2] | Heading |
[h3] | Heading Level 3 |
[h4] | Heading Level 4 |
[hr] | Horizontal Rule |
[iclass] | Inline with Class |
[icode] | Inline Code |
[icon] | Icon |
[image] | Align Image |
[iurl] | Inline URLs |
[justify] | Justify Tag |
[kbd] | Keyboard Input |
[Large] | Large |
[mod] | Moderator |
[moderoid] | Discordia Moderoid |
[owner] | Community Owner |
[pclogo] | PokéCommunity Logo |
[platinumtier] | Platinum tier |
[protip] | Protip |
[ruby] | Ruby |
[s] | Strikeout |
[s-highlight] | Smart Highlight |
[sig-reason] | Disable signature with reason |
[silvertier] | Silver Supporter |
[small] | Small text |
[smod] | S-mod |
[smt] | Social Media Team |
[sound] | Sound clip |
[soundcloud] | SoundCloud |
[spacer] | Vertical Spacer |
[span] | Span Element (CSS) |
[spoiler] | Hidden content |
[spoilertitle] | Hidden content with Title |
[staffadmin] | Staff Admin |
[styledeveloper] | Style Developer |
[sub] | Subscript |
[sup] | Superscript |
[tab] | Tab |
[tabcontent] | Tabbed Content Container |
[tabgroup] | Tab Group |
[tabpanel] | Tabbed Panel |
[textcollapse] | Collapsed Text |
[title] | Title |
[translation] | Moderator Translation |
[twitch] | Twitch Channel Embed |
[twocolumn] | Two Column Text |
[user] | Username Link |
[user] | Username Link (Customized) |
[video] | Video Player |
[youtube] | YouTube |
[yt] | YouTube Shorthand |
Incorrect BB Code Usage:
|
Color | |
The [color] tag allows you to change the color of your text. | |
Usage | [color=Option]value[/color] |
Example Usage | [color=blue]this text is blue[/color] |
Example Output | this text is blue |
Indent | |
The [indent] tag allows you to indent your text. | |
Usage | [indent]value[/indent] |
Example Usage | [indent]this text is indented[/indent] |
Example Output |
|
Email Linking | |
The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link. | |
Usage |
[email]value[/email] [email=Option]value[/email] |
Example Usage |
[email][email protected][/email] [[email protected]]Click Here to Email Me[/email] |
Example Output |
[email protected] Click Here to Email Me |
URL Hyperlinking | |
The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link. | |
Usage |
[url]value[/url] [url=Option]value[/url] |
Example Usage |
[url]https://www.pokecommunity.com[/url] [url=https://www.pokecommunity.com]The PokéCommunity Forums[/url] |
Example Output |
https://www.pokecommunity.com The PokéCommunity Forums |
Thread Linking | |
The [thread] tag allows you to link to threads by specifying the thread id. You can include an optional parameter to 'name' your link. | |
Usage |
[thread]threadid[/thread] [thread=threadid]value[/thread] |
Example Usage |
[thread]42918[/thread] [thread=42918]Click Me![/thread] (Note: The threadid/postid is just an example and may not link to a valid thread/post.) |
Example Output |
https://www.pokecommunity.com/showthread.php?t=42918 Click Me! |
Post Linking | |
The [post] tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link. | |
Usage |
[post]postid[/post] [post=postid]value[/post] |
Example Usage |
[post]269302[/post] [post=269302]Click Me![/post] (Note: The threadid/postid is just an example and may not link to a valid thread/post.) |
Example Output |
https://www.pokecommunity.com/showthread.php?p=269302#post269302 Click Me! |
Advanced Lists | |
The [list] tag allows you to create advanced lists by specifying an option. The option should have a value of 1 (for a numbered list) or A (for an alphabetic with capital letters list) or a (for an alphabetic with lowercase letters list) or I (for a numbered with capital Roman numeral list) or i (for a numbered with small Roman numeral list). | |
Usage | [list=Option]value[/list] |
Example Usage | [list=1] [*]list item 1 [*]list item 2 [/list] [list=a] [*]list item 1 [*]list item 2 [/list] |
Example Output |
|
Anchor | |
For setting anchors in posts. | |
Usage | [a id]value[/a id] |
Example Usage | [a id]point[/a id] |
Example Output |
Admin | |
Admin color. | |
Usage | [admin]value[/admin] |
Example Usage | [admin]Admin[/admin] |
Example Output | Admin |
Album Image | |
A quick code for using an image from one of your albums. | |
Usage | [album=Option]value[/album] |
Example Usage | [album=10512]86567[/album] |
Example Output |
Anchor point | |
Anchor point supplementing [a id]. | |
Usage | [alink id=Option]value[/alink id] |
Example Usage | [alink id="point"]Link[/alink id] |
Example Output | Link |
Assistant Admin | |
Assistant Admin color. | |
Usage | [assistantadmin]value[/assistantadmin] |
Example Usage | [assistantadmin]Assistant Admin[/assistantadmin] |
Example Output | Assistant Admin |
Link Anchor (alias) | |
A second anchor point tag deprecating [alink id]. Supplements anchor tags [a id]. | |
Usage | [aurl=Option]value[/aurl] |
Example Usage | [aurl="point"]Link[/aurl] |
Example Output | Link |
Battle Server Staff | |
Battle Server Staff color | |
Usage | [bss]value[/bss] |
Example Usage | [bss]Battle Server Staff[/bss] |
Example Output | Battle Server Staff |
CSS | |
Alias of [css-div] | |
Usage | [cd=Option]value[/cd] |
Example Usage | [cd=blah][/cd] |
Example Output |
Centre | |
Centre replacement for center. | |
Usage | [centre]value[/centre] |
Example Usage | [centre]This text is centred.[/centre] |
Example Output |
Colour | |
Alternative [color] tag. | |
Usage | [colour=Option]value[/colour] |
Example Usage | [colour=pink]Pink![/colour] |
Example Output | Pink! |
Crystal Tier | |
Crystal tier supporter markup | |
Usage | [crystaltier]value[/crystaltier] |
Example Usage | [crystaltier]Crystal Tier[/crystaltier] |
Example Output | Crystal Tier |
Shorthand CSS DIV class | |
Shorthand DIV which can use a predefined CSS class. | |
Usage | [cssc=Option]value[/cssc] |
Example Usage | [cssc="thead"]Thead[/cssc] |
Example Output | Thead |
Daily Staff | |
Daily name color. | |
Usage | [daily]value[/daily] |
Example Usage | [daily]Daily Staff[/daily] |
Example Output | Daily Staff |
Developer | |
Developer staff color. | |
Usage | [developer]value[/developer] |
Example Usage | [developer]Developer[/developer] |
Example Output | Developer |
Fangames Staff | |
Fangames Team name color. | |
Usage | [fangames]value[/fangames] |
Example Usage | [fangames]Fangames Staff[/fangames] |
Example Output | Fangames Staff |
Floating Alt Text | |
Create a block of text that you can hover over to reveal floating hidden text. | |
Usage | [float=Option]value[/float] |
Example Usage | [float="Content here"]Hover over me![/float] |
Example Output | Hover over me! Content here |
Glow | |
Prettify your text! | |
Usage | [glow=Option]value[/glow] |
Example Usage | [glow=red]AAAAAAH![/glow] |
Example Output | AAAAAAH! |
Gold Supporter | |
Gold tier supporter markup | |
Usage | [goldtier]value[/goldtier] |
Example Usage | [goldtier]Gold Tier[/goldtier] |
Example Output | Gold Tier |
Heading Level 1 | |
Wikipedia-style level one headings | |
Usage | [h1]value[/h1] |
Example Usage | [h1]Heading Sublevel[/h1] |
Example Output | Heading Sublevel |
Heading | |
Heading Levels, wikipedia-style | |
Usage | [h2]value[/h2] |
Example Usage | [h2]Heading Sublevel[/h2] |
Example Output | Heading Sublevel |
Heading Level 3 | |
Wikipedia-style level 3 subheadings | |
Usage | [h3]value[/h3] |
Example Usage | [h3]Heading Sublevel[/h3] |
Example Output | Heading Sublevel |
Heading Level 4 | |
Level 4 Heading Sublevel | |
Usage | [h4]value[/h4] |
Example Usage | [h4]Heading Sublevel[/h4] |
Example Output | Heading Sublevel |
Horizontal Rule | |
Horizontal rule. | |
Usage | [hr]value[/hr] |
Example Usage | [hr][/hr] |
Example Output |
Inline with Class | |
Style inline content with classes. | |
Usage | [iclass=Option]value[/iclass] |
Example Usage | [iclass=tcat]text here[/iclass] |
Example Output | text here |
Inline Code | |
Use this to style text as code when you want it to remain inline with the rest of your text. | |
Usage | [icode]value[/icode] |
Example Usage | This is an [icode]inline code box[/icode]. |
Example Output | This is an inline code box. |
Icon | |
Use icons by the awesome folks at Font Awesome! Place these icons in your posts, visitor messages or blogs for effect! | |
Usage | [icon]value[/icon] |
Example Usage | [icon]angellist[/icon] |
Example Output |
Align Image | |
Align images to a specified direction include typing on another part of the image! | |
Usage | [image=Option]value[/image] |
Example Usage | [image=left]https://www.pokecommunity.com/uploads/imageshare/31_1557635579569237794.png[/image] This is the text that flows around the leftaligned image |
Example Output | ![]() |
Inline URLs | |
For making an inline link to another PokéCommunity page. | |
Usage | [iurl=Option]value[/iurl] |
Example Usage | [iurl=member.php?u=284284]User Sheep's Profile[/iurl] |
Example Output | User Sheep's Profile |
Justify Tag | |
Creates a jusify element around a parameter | |
Usage | [justify]value[/justify] |
Example Usage | [justify]This is a block of text This is a block of text This is a block of text This is a block of text This is a block of text[/justify] |
Example Output | This is a block of text This is a block of text This is a block of text This is a block of text This is a block of text |
Keyboard Input | |
Use this to style text as keyboard input. | |
Usage | [kbd]value[/kbd] |
Example Usage | This is a [kbd]command[/kbd] |
Example Output | This is a command |
Large | |
Large text. | |
Usage | [Large]value[/Large] |
Example Usage | [large]Large and [large]larger…[/large][/large] |
Example Output | [large]Large and [large]larger…[/large][/large] |
Moderator | |
Moderator name color. | |
Usage | [mod]value[/mod] |
Example Usage | [mod]Moderator[/mod] |
Example Output | Moderator |
Discordia Moderoid | |
Discordia moderoid name color. | |
Usage | [moderoid]value[/moderoid] |
Example Usage | [moderoid]Discord Moderoid[/moderoid] |
Example Output | Discord Moderoid |
Community Owner | |
Community Owner | |
Usage | [owner]value[/owner] |
Example Usage | [owner]Owner[/owner] |
Example Output | Owner |
PokéCommunity Logo | |
Add the PokéCommunity logo to your posts—more for the official stuff, but hey. | |
Usage | [pclogo]value[/pclogo] |
Example Usage | [pclogo]*[/pclogo] |
Example Output |
Platinum tier | |
Platinum tier supporter markup | |
Usage | [platinumtier]value[/platinumtier] |
Example Usage | [platinumtier]Platinum Tier[/platinumtier] |
Example Output | Platinum Tier |
Protip | |
Protip is used to distill important knowledge about a subject and share it with those new to said subject. A tip intended to convert a novice to an expert. | |
Usage | [protip]value[/protip] |
Example Usage | [protip]Protip information goes here.[/protip] |
Example Output | Protip Pro Advice: Protip information goes here. |
Ruby | |
Creates an inline annotation or translation that appears above the text it annotates. | |
Usage | [ruby=Option]value[/ruby] |
Example Usage | [ruby="Pocket Monsters"]ポケットモンスター[/ruby] |
Example Output | ポケットモンスター |
Strikeout | |
Usage | [s]value[/s] |
Example Usage | [s]This text is strikedout.[/s] |
Example Output | This text is strikedout. |
Smart Highlight | |
Provides highlighted text in yellow. This is defined through the Master Style. | |
Usage | [s-highlight]value[/s-highlight] |
Example Usage | [s-highlight]Highlighted text[/s-highlight] here. |
Example Output | Highlighted text here. |
Disable signature with reason | |
For the use of signature editing staff only. Hides content from a signature and displays a message in place of the signature. Usage of this BB code outside its intended purposes is against the rules of the community. | |
Usage | [sig-reason=Option]value[/sig-reason] |
Example Usage | [sig-reason=The combined amount of images exceed the 350 pixel height limit.]signature here[/sig-reason] |
Example Output | This signature has been disabled. |
Silver Supporter | |
Silver supporter markup | |
Usage | [silvertier]value[/silvertier] |
Example Usage | [silvertier]Silver Tier[/silvertier] |
Example Output | Silver Tier |
Small text | |
Small text. | |
Usage | [small]value[/small] |
Example Usage | [small]Smaller[/small] bigger [small]small [small]and smaller[/small] [small]and smaller[/small] [small]and smaller[/small] [small]and smaller[/small][/small] |
Example Output | Smaller bigger small and smaller and smaller and smaller and smaller |
S-mod | |
Super Mod name color. | |
Usage | [smod]value[/smod] |
Example Usage | [smod]Super Moderator[/smod] |
Example Output | Super Moderator |
Social Media Team | |
Social Media name color. | |
Usage | [smt]value[/smt] |
Example Usage | [smt]Social Media Team[/smt] |
Example Output | Social Media Team |
Sound clip | |
This tag can be used to embed a button that plays a sound. The URL is specified using this tag. | |
Usage | [sound=Option]value[/sound] |
Example Usage | [sound="Level up!"]https://www.pokecommunity.com/images/pkmn_levelup.mp3[/sound] |
Example Output |
SoundCloud | |
Embed the tracks from SoundCloud into your post. Use the track URL in your browser. For example, for http://soundcloud.com/forss/speech-craft-no-sleep-til-dawn-remix-by-forss it would be: [soundcloud]http://soundcloud.com/forss/speech-craft-no-sleep-til-dawn-remix-by-forss[/soundcloud] | |
Usage | [soundcloud]value[/soundcloud] |
Example Usage | [soundcloud]http://soundcloud.com/matas/hobnotropic[/soundcloud] |
Example Output |
Vertical Spacer | |
Adds a spacer of a specified size to a post. | |
Usage | [spacer=Option]value[/spacer] |
Example Usage | Hello world<br>[spacer="100"][/spacer]<br>Giant space |
Example Output | Hello world<br> <br>Giant space |
Span Element (CSS) | |
Encloses text in an element that can be styled using CSS. | |
Usage | [span=Option]value[/span] |
Example Usage | [span="color: green; font-size: 8pt;"]This is actually CSS text.[/span] |
Example Output | This is actually CSS text. |
Hidden content | |
Hides all text and images inside the tags so as to not spoil a story or plot of something you post. Epilogues or important story details will be obscured and hidden right behind this tag. | |
Usage | [spoiler]value[/spoiler] |
Example Usage | [spoiler]Content in this tag is hidden until the "Show" button is clicked![/spoiler] |
Example Output | Spoiler:
|
Hidden content with Title | |
Hides all text and images inside the tags so as to not spoil a story or plot of something you post. Specify a title to warn people about what your content is! | |
Usage | [spoilertitle=Option]value[/spoilertitle] |
Example Usage | [spoilertitle=This is a title!]This spoiler has a title![/spoilertitle] |
Example Output | Spoiler: This is a title!
|
Staff Admin | |
Staff admin color. | |
Usage | [staffadmin]value[/staffadmin] |
Example Usage | [staffadmin]Staff Admin[/staffadmin] |
Example Output | Staff Admin |
Style Developer | |
Style developer staff color. | |
Usage | [styledeveloper]value[/styledeveloper] |
Example Usage | [styledeveloper]Style Developer[/styledeveloper] |
Example Output | Style Developer |
Subscript | |
Usage | [sub]value[/sub] |
Example Usage | [sub]C[/sub]O[sup]2[/sup] |
Example Output | CO2 |
Superscript | |
Usage | [sup]value[/sup] |
Example Usage | Thursday the 30[sup]th[/sup] |
Example Output | Thursday the 30th |
Tab | |
A tab to be used with [tabgroup]. Shortcode tabs make few CSS inferences for designs — style them by using [div]. | |
Usage | [tab=Option]value[/tab] |
Example Usage | [tab="hello"]Hello[/tab] |
Example Output |
Tabbed Content Container | |
A container for [tabpanel]. | |
Usage | [tabcontent]value[/tabcontent] |
Example Usage | [tabcontent][tabpanel="hello"]Hello world![/tabpanel][tabpanel="world"]World, hello![/tabpanel][/tabcontent] |
Example Output | Hello world! World, hello!
|
Tab Group | |
A container for [tab] anchor links used to trigger the appearance of a tab panel. | |
Usage | [tabgroup]value[/tabgroup] |
Example Usage | [tabgroup][tab="hello"]Hello[/tab][tab="world"]World[/tab][/tabgroup] |
Example Output |
Tabbed Panel | |
A tab panel. Include inside a [tabcontent] tag. | |
Usage | [tabpanel=Option]value[/tabpanel] |
Example Usage | [tabpanel="world"]World, hello![/tabpanel] |
Example Output | World, hello! |
Collapsed Text | |
Text links that serve for hiding content. | |
Usage | [textcollapse=Option]value[/textcollapse] |
Example Usage | [textcollapse="10.0 to 9.0 - Masterful"]Its almost impossible to make a hack that is perfect, but ratings in this range get pretty close. These hacks are flawless in all…[/textcollapse] |
Example Output |
Title | |
Abbreviation title. Hover on the dotted line text to see a title tag in effect. | |
Usage | [title=Option]value[/title] |
Example Usage | [title="Internet Protocol"]IP[/title] |
Example Output | IP |
Moderator Translation | |
[translation]Hello this would be an English language version of a post.[/translation] | |
Usage | [translation]value[/translation] |
Example Usage | For moderator usage only, directing continued correspondence in English. |
Example Output | For moderator usage only, directing continued correspondence in English. |
Twitch Channel Embed | |
Embed a live channel from Twitch.tv. | |
Usage | [twitch]value[/twitch] |
Example Usage | [twitch]thepokecommunity[/twitch] |
Example Output |
Two Column Text | |
Any browser which uses CSS 3 or later will support multicolumn text for the long lines of text. It makes reading text a hell of a lot easier. It's only supported by Firefox 1.5RC1 or later, or Safari 3, though, but will be supported by later browsers. | |
Usage | [twocolumn]value[/twocolumn] |
Example Usage | [twocolumn]Lorem ipsum dolor sit amet, consectetur adipiscing elit, set eiusmod tempor incidunt et labore et dolore magna aliquam. Ut enim ad minim veniam, quis nostrud exerc.[/twocolumn] |
Example Output | Lorem ipsum dolor sit amet, consectetur adipiscing elit, set eiusmod tempor incidunt et labore et dolore magna aliquam. Ut enim ad minim veniam, quis nostrud exerc. |
Username Link | |
For linking to a certain username's profile. | |
Usage | [user]value[/user] |
Example Usage | [user]Cherrim[/user] |
Example Output | Cherrim |
Username Link (Customized) | |
For linking to a certain username's profile with custom text. | |
Usage | [user=Option]value[/user] |
Example Usage | [user=Cherrim]#1 Cherrim Fan[/user] |
Example Output | #1 Cherrim Fan |
Video Player | |
HTML5 video | |
Usage | [video]value[/video] |
Example Usage | [video]https://www.pokecommunity.com/images/wtp_mewtwo.mp4[/video] |
Example Output |
YouTube | |
This BB Code will Embed a Standard YouTube Video into your post. | |
Usage | [youtube]value[/youtube] |
Example Usage | [youtube]tAA_yWX8ycQ[/youtube] |
Example Output |
YouTube Shorthand | |
This BB Code will Embed a Standard YouTube Video into your post. | |
Usage | [yt]value[/yt] |
Example Usage | [yt]tAA_yWX8ycQ[/yt] |
Example Output |