bbcode all

[roktiw]

<b>bolded text</b>
,
<strong>bolded text</strong>
or
<span style="font-weight: bold;">bolded text</span>
bolded text
bolded text
<i>italicized text</i>
,
<em>italicized text</em>
or
<span style="font-style: italic;">italicized text</span>
italicized text
italicized text
<u>underlined text</u>
,
<ins>underlined text</ins>
or
<span style="text-decoration: underline;">underlined text</span>
underlined text
underlined text
<s>strikethrough text</s>
,
<del>strikethrough text</del>
or
<span style="text-decoration: line-through;">strikethrough text</span>
[s]strikethrough text[/s]
strikethrough text
http://example.org
http://example.org
example.org
Example
Example
Example
<img src="upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Go-home.svg/100px-Go-home.svg.png" alt="" />

Go-home.svg
<blockquote><p>quoted text</p></blockquote>

(usually implemented in more advanced ways)
authorquoted text

(including optional author) To quote:
quoted text

<pre>monospaced text</pre>

monospaced text

monospaced text
<span style="font-size:15px">Large Text</span>

or

<font size="(+,-)x">Different text-size</font> (you can set + or - and x is a number representing pixels
[style size="15px"]Large Text[/style]

(The unit of measurement varies with each BBCode variant and could represent pixels, points, or relative HTML sizes.) Large Text
<span style="color:#FF0000;">Red Text</span>

or

<font color="red">Red Text</font>, <span style="color:#FF0000;">Red Text</span>

or

<span style="color:red;">Red Text</span>

or

<span style="color:red;">Red Text</span>
[style color="red"]Red Text[/style]

or
[style color=#FF0000]Red Text[/style]

or
Red Text

(Both HTML color names and hexadecimal color values are generally supported, although on some boards, you must omit the # from selecting a hexadecimal color.)
<img src="Face-smile.svg" alt="">

[]

this would be another way to use the and must be pre-configured for the forum administrator
(And other emoticons, depending on the variant. Most BBCodes do not enclose emoticons in square brackets, leading to frequent accidental usage)


(Specific image and size vary)

<ul><li>Entry 1</li><li>Entry 2</li></ul>

• Entry 1
  
• Entry 2
  

Some message boards do not need the square brackets around the markers, e.g.:


[2]

(many variants for li and /li, list types (unordered and ordered, with different bullets or counter formats), etc.)

Entry 1
Entry 2
<table><tr><td>table 1</td><td>table 2</td></tr><tr><td>table 3</td><td>table 4</td></tr></table>
[table]
[tr]
[td]table 1[/td]
[td]table 2[/td]
[/tr]
[tr]
[td]table 3[/td]
[td]table 4[/td]
[/tr]
[/table]
(some variants for thead, rules, etc.)

table 1 table 2
table 3 table 4

[roktiw]

Bold {text} Makes {text} bold Bold example
Italic {text} Makes {text} italic Italic example
Underline {text} Underlines {text} Underline example
Line-through [s]{text}[/s] Create a line-through/strike through on {text} Line-through example
Font-size {text} Changes the font-size of {text} Font-size example
Font colour {text} Changes the colour of {text} Font colour example
Center text [center]{text}[/center] Centers {text} on screen Center text example
Quote Cytat{text} Creates a quotation box containing {text} Quote example
Quote (named) {name}{text} Creates a quotation box quoting {name} as saying {text} Quote (named) example
Link {url} Makes a link to {url} Link example
Link (named) {url} Makes a named link to {url} Link (named) example
Image Shows the image indicated by {url} Image example
Image (resized) Full version: [img width={width} height={height} ...]{url}[/img]
Another variant (shorthand): [img={width}x{height}]{url}[/img] Shows {url} image resized to {width} and {height} Image (resized) example
List Unordered list: [ul]{items}[/ul]
Ordered list: [ol]{items}[/ol]
Another variant: Displays a list of {items} List example
List item [li]{text}[/li]
Shorthand: {text}\newline Species an {item} within a list List item example
Code

{text}

Renders the {text} while maintaing all white spacing Code example
Tables [table]{rows}[/table] Show a table with {rows} in it Tables example
Table rows [tr]{cells}[/tr] Renders a table row containing {cells} Table rows example
Table content cells Heading cell: [th]{content}[/th]
Content cell: [td]{content}[/td] Shows {content} in a table (heading) cell Table content cells example
Youtube videos [youtube]{id}[/youtube] Shows the youtube video indicated by {id} Youtube videos example
Google videos [gvideo]{id}[/gvideo] Shows the google video indicated by {id} Google videos example

[roktiw]

cbparser bbcode tags
all o' them! (well, probably..)

This page aims to be the most complete reference for cbparser's many bbcode tags. Though it may not be. Feel free to copy and paste any of the examples here into the comment form at the bottom, test them out. If you find a cbparser tag that isn't here, let me know ! Have fun..

basic tags..

bold text
italic text
underlined
[big]big[/big]
[sm]small[/sm]

code..

Please don't try these examples at home..

sudo rm -rf /*

[coderz]echo "oops" > /etc/passwd[/coderz]
[tt]for i in $( find . -name "*.conf" ); do chmod 777 $i; done[/tt]

There's also..
[pre]preformatted monospace
text,
retains
it's
spaces
and
tabs.[/pre]

which is useful for code blocks, ascii art, etc. This gets used a lot.

If you are feeling truly fruity, there's also a Cool Coloured Code Tag?, like this..
[ccc]<?php
$arr = array("tahini", "honey", "spoon");
foreach ($arr as $key => $value) {
echo "Key: $key; Value: $value<br />\n";
}
?>[/ccc]

which will do automatic syntax highlighting of your php code. nice.


references..

This one goes in the text..
[ref]*[/ref]

It doesn't have to be a "*", it can be whatever you like, usually numbers.
the references themselves generally go at the foot..
[reftxt]I am the reference![/reftxt]


tables..

Not "real" tables, but lovely pure CSS tables. a wide selection..
[t]the whole table goes inside here, ie. the rows and their cells[/t]
[bt]ditto, but with a border this time[/t]
[st]same again, but s p a c e d o u t[/t]

[r]a row. put your cells inside here[/r]

[c]an individual cell, for regular two-column layouts (currently 45% wide)[/c]
[c1]this cell fill fill the whole row if you let it (100%)[/c]
[c5]this cell will take up 50% of the width[/c]
[c5l]same again, but aligned left (generally the default)[/c]
[c5r]and this one will be aligned to the right[/c]

[c3]use this cell for a three-column design[/c]
[c4]this one will span four columns (and may explode!)[/c]

example table:
[t][r][c4]this table[/c][c4]has four[/c][c4]cells[/c][c4]on one row[/c][/r][/t]

Because these are pure CSS layout tables you can use any and all regular table tags for actual tables. InfiniTags? makes this trivial. You can also change what individual cell types do, if the above is confusing to you. It's only CSS.You can also make..
[box]boxes[/box]

which are spans; they can be stacked and all sorts; as well as..
[bbox]big boxes[/bbox]

which will fill whatever space you give them. Obviously, you can also put things inside your boxes.


lists...


begin each item with this

For example:

• well
  
• I'm a list
  
• with 3 items

There are also [ol]ordered lists[/ol]. note: you can also use [ul][/ul] for lists, and if you like your close your list items, you can use [/*], but this is optional.


smileys..

:lol: smilie for :lol: :ken: smilie for :ken: smilie for :eek: smilie for :eek: :geek: smilie for :geek: :roll: smilie for :roll: :erm: smilie for :erm: smilie for :blank: smilie for :blank: :idea: smilie for :idea: :ehh: smilie for :ehh: :aargh: smilie for :aargh:

images..



There are also a couple of generic tags for left/right alignment, very useful for floating images left or right (the old left and right image tags are deprecated) though you can float any old thing inside them..
[left]for left-floating[/left]
[right]for right floating[/right]


anchors (links)..

[url="corz.org/"]home![/url]

You can put any valid anchor property inside the url tag..
[url="corz.org/" title="it's tech!"]hmm.. looks like the server's down[/url]

You can nest tags inside other tags, like image tags inside url tags, etc. It's fairly flexible.

Note: you must use double quotes around your URL's. This creates nice html/xhtml. You could 'single' quotes if you really wanted to, cbparser doesn't mind, though if you do, the automatic tag case correction will turn your URLs to lower case, which may or may not screw them up. Use nice "double" quotes and all is well. There are other flavours of URL, too..
[eurl="somesite.com"]for an external link [/url]

external links open in a new window or tab, depending on the browser.
[turl="for information"]a simple "link-less" pop-up title[/url]

You may notice I altered the url tags slightly. The new eurl tag has exactly the same functionality as the old url tag, except if you want a new window to appear you must mindfully add the "e" to your links. I reckon most users are savvy enough to control their own browser's new tab/window behaviour.

The regular url tag now does exactly the same thing as the old purl tag. The purl tag (#page link) has therefore been deprecated; you can use regular url tags for those, too. cbparser should handle the switch automatically, converting old structures and flipping any erronous purl tags that might be enterted.

A corz.org speciality! "e" for external, "t" for "title-only", "m" for mail..


email bbcode..

[mmail="crazy parser dude!"]mail me![/mmail]
puts *your* "mashed" "<a href="

[roktiw]

Smilies

Use one of the following codes in your message and it will be replaced by the image.

> | :r :9~ :9 :7 :] :0] 8-) :Z ;[ *D :z

:puh: :ban: :beer: :fu: :hg: :hs: :hc: :love: :list: :king: :plzdie:

:lurk: :mar: :nooo: :offt: :ays: :sleep: :dw: :sc: :redc: :sh:

:st: :t-p: :uh: :ws: :yawn: :yes: :zoef:

:fly: :boring: :chubby: :thumbs: :nothumbs: :bye: :party: :clap:

BB Code

[roktiw]

bold
italic
underline
[s] strikethrough [/s]

[red]Red colored text[/red]
[green]Green colored text[/green]
[blue]Blue colored text[/blue]

[indent]Indent some text

[center]Center some content[/center]

• bulleted
  
• list
  
• of items
  

• Ordered
  
• list
  
• of items
  

Team Liquid
Also just typing the URL starting with (http, https, ftp, mms):// will make it a link. www.teamliquid.net
(Or starting with www too, www.teamliquid.net )

CytatQuote


Link to an image file which will be displayed in your post. You can also use the "Upload Images" link to upload and automatically resize your images to fit TL.

Hidden message
+ Show Spoiler +

[date]June 22 2010 12:00 GMT[/date]
Tuesday, Jun 22 12:00pm GMT (GMT+00:00)
Converts a date to the viewers timezone.

[time]1800 PDT[/time]
01:00 GMT (+00:00)
Converts a time to the viewers timezone.

[audio]somewhere/something.ogg[/audio]
Create HTML5 audio player for Ogg Vorbis audio files.

[roktiw]

<span style="color:red;">Red Text</span>

[roktiw]

<span style="color:red;">Red Text</span>

or

<span style="color:red;">Red Text</span>
[style color="red"]Red Text[/style]

or
[style color=#FF0000]Red Text[/style]

or
Red Text

[roktiw]

Red Text

[roktiw]

[ color= #FF00 00]Red Text[/c olor]

[roktiw]

 jaiosdjas odiasjdio asjdoaidj 

[legol97]

ed e ede de