Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
bbcode [2023/02/16 02:31] – created melonbbcode [2023/02/17 20:34] (current) melon
Line 1: Line 1:
-===== BBCode Cheetsheet =====+===== BBCode Cheatsheet =====
  
 BBCode is a markup language that allows users to format text in online forums, blogs, and other websites. BBCode uses tags enclosed in square brackets to indicate how the text should be displayed. For example, [b]bold[/b] will make the text bold. BBCode is a markup language that allows users to format text in online forums, blogs, and other websites. BBCode uses tags enclosed in square brackets to indicate how the text should be displayed. For example, [b]bold[/b] will make the text bold.
Line 7: Line 7:
 | Tag | Usage | Example | Output | | Tag | Usage | Example | Output |
 | [b]...[/b] | Makes the text bold | [b]Hello[/b] | **Hello** | | [b]...[/b] | Makes the text bold | [b]Hello[/b] | **Hello** |
-| [i]...[/i] | Makes the text italic | [i]Hello[/i] | *Hello+| [i]...[/i] | Makes the text italic | [i]Hello[/i] | //Hello// 
-| [u]...[/u] | Underlines the text | [u]Hello[/u] | Hello +| [u]...[/u] | Underlines the text | [u]Hello[/u] | __Hello__ 
-| [s]...[/s] | Strikes through the text | [s]Hello[/s] | ~~Hello~~ +| [s]...[/s] | Strikes through the text | [s]Hello[/s] | <del>Hello</del> 
-| [color=...]...[/color] | Changes the color of the text | [color=red]Hello[/color] | Hello | +| [color=...]...[/color] | Changes the color of the text | [color=red]Hello[/color] | <fc #ff0000>Hello</fc> 
-| [size=...]...[/size] | Changes the size of the text | [size=20]Hello[/size] | Hello | +| [size=...]...[/size] | Changes the size of the text | [size=20]Hello[/size] | <fs x-large>Hello</fs> 
-| [font=...]...[/font] | Changes the font of the text | [font=Arial]Hello[/font] | Hello |+| [font=...]...[/font] | Changes the font of the text | [font=Arial]Hello[/font] | <ff sans-serif>Hello</ff> |
 | [url]...[/url] | Creates a hyperlink | [url]https://melonland.net[/url] | https://melonland.net | | [url]...[/url] | Creates a hyperlink | [url]https://melonland.net[/url] | https://melonland.net |
 | [url=...]...[/url] | Creates a hyperlink with custom text | [url=https://melonland.net]MelonLand[/url] | [[https://melonland.net|MelonLand]] | | [url=...]...[/url] | Creates a hyperlink with custom text | [url=https://melonland.net]MelonLand[/url] | [[https://melonland.net|MelonLand]] |
 | [img]...[/img] | Inserts an image | [img]https://melonland.net/logo.png[/img] | (image) | | [img]...[/img] | Inserts an image | [img]https://melonland.net/logo.png[/img] | (image) |
 | [quote]...[/quote] | Creates a quote box | [quote]Hello[/quote] | (quote) | | [quote]...[/quote] | Creates a quote box | [quote]Hello[/quote] | (quote) |
-| [quote=...]...[/quote] | Creates a quote box with the author's name | [quote=Kevin]Hello[/quote] | (quote) |+| [quote=...]...[/quote] | Creates a quote box with the author's name | [quote=Molly]Hello[/quote] | (quote by Molly) |
 | [code]...[/code] | Creates a code box | [code]Hello[/code] | (code) | | [code]...[/code] | Creates a code box | [code]Hello[/code] | (code) |
 | [list]...[/list] | Creates an unordered list | [list][*]Item 1[*]Item 2[/list] | (list) | | [list]...[/list] | Creates an unordered list | [list][*]Item 1[*]Item 2[/list] | (list) |
-| [list=1]...[/list] | Creates an ordered list | [list=1][*]Item 1[*]Item 2[/list] | (list) | +| [list type=decimal]...[/list] | Creates an ordered list | [list type=decimal][li]Item 1[/li][/list] | (list) | 
-| [list=a]...[/list] | Creates an ordered list with letters | [list=a][*]Item 1[*]Item 2[/list] | (list) | +| [list type=lower-alpha]...[/list] | Creates an ordered list with letters | [list type=lower-alpha][li]Item 1[/li][/list] | (list) | 
-| [list=i]...[/list] | Creates an ordered list with roman numerals | [list=i][*]Item 1[*]Item 2[/list] | (list) |+| [list type=lower-roman]...[/list] | Creates an ordered list with roman numerals | [list type=lower-roman][li]Item 1[/li][/list] | (list) |
 | [li]...[/li] | Creates a list item | See above | See above | | [li]...[/li] | Creates a list item | See above | See above |
-| [center]...[/center] | Centers the text | [center]Hello[/center] | Hello | +| [center]...[/center] | Centers the text | [center]Hello[/center] |  Hello  
-| [left]...[/left] | Aligns the text to the left | [left]Hello[/left] | Hello | +| [left]...[/left] | Aligns the text to the left | [left]Hello[/left] | Hello   
-| [right]...[/right] | Aligns the text to the right | [right]Hello[/right] | Hello |+| [right]...[/right] | Aligns the text to the right | [right]Hello[/right] |   Hello |
 | [spoiler]...[/spoiler] | Hides the text until clicked | [spoiler]Hello[/spoiler] |(hidden) | | [spoiler]...[/spoiler] | Hides the text until clicked | [spoiler]Hello[/spoiler] |(hidden) |
-| [spoiler=...]...[/spoiler] | Hides the text until clicked with a custom title | [spoiler]Hello[/spoiler] |(hidden) |+| [spoiler=...]...[/spoiler] | Hides the text until clicked with a custom title | [spoiler=Facts]Hello[/spoiler] |(hidden) | 
 +| [marquee]...[/marquee] | Animated text to move | [marquee]Hello[/marquee] | (Animated Hello) | 
 +| [blink]...[/blink] | Animated text to flash | [blink]Hello[/blink] | (Animated Hello) | 
 +| [spin]...[/spin] | Animated text to spin | [spin]Hello[/spin] | (Animated Hello) | 
 +| [webgarden]...[/webgarden] | Allows you to embed a [[web_gardens|webgarden]] | [webgarden]https://melonland.net/webgarden[/webgarden] | (webgarden) | 
 + 
 +Additionally see the [[https://wiki.simplemachines.org/smf/Basic_bulletin_board_codes|BBCode reference guide for SimpleMachies Forums]] for more obscure tags