http://wiki.compsci.ca/index.php?title=Special:Contributions/DtY&feed=atom&limit=50&target=DtY&year=&month=Compsci.ca Wiki - User contributions [en]2024-03-28T11:39:22ZFrom Compsci.ca WikiMediaWiki 1.16.0http://wiki.compsci.ca/index.php?title=IRC_ClientIRC Client2009-04-28T22:26:16Z<p>DtY: added popular client list - feel free to add more</p>
<hr />
<div>An IRC Client is a application used to connect to [[IRC]] servers, such as [[AfterNET]], which is the server where the [[IRC_channel |#compsci.ca]] channel is located.<br />
<br />
===List of Popular Clients===<br />
*[[X-Chat]]<br />
*[http://pidgin.im/ Pidgin]<br />
*[[mIRC]] (Proprietary)</div>DtYhttp://wiki.compsci.ca/index.php?title=LinuxLinux2009-04-28T22:17:35Z<p>DtY: added link to wikipedia</p>
<hr />
<div>Linux is an open source kernel, though it is commonly used to refer to the entire operating system based upon that kernel. It comes in many flavours (distributions, or "distros" for shourt), the ones most commonly used by [[CompSci.ca]] members are [[Ubuntu]] and [http://www.gentoo.org Gentoo]. Some also use [http://www.archlinux.org archlinux].<br />
<br />
[https://secure.wikimedia.org/wikipedia/en/wiki/Linux Linux on Wikipedia]</div>DtYhttp://wiki.compsci.ca/index.php?title=BBCodeBBCode2009-04-28T21:55:16Z<p>DtY: /* V3 BBCodes */ proofed</p>
<hr />
<div>==What is BBCode?==<br />
BBCode is a special implementation of HTML. Whether you can actually use BBCode in your posts on the forum is determined by the administrator. In addition, you can disable BBCode on a per post basis via the posting form. BBCode itself is similar in style to HTML: tags are enclosed in square brackets, "[" and "]" rather than "<" and ">", and it offers greater control over what and how something is displayed. Depending on the template you are using you may find adding BBCode to your posts is made much easier through a clickable interface above the message area on the posting form. Even with this you may find the following guide useful.<br />
<br />
Please note that BBCode is '''not''' used in editing '''wiki''' pages. For information on how to edit wiki pages, please go [http://en.wikipedia.org/wiki/Wikipedia:How_to_edit_a_page here].<br />
<br />
==Text Formatting==<br />
BBCode includes tags to allow you to quickly change the basic style of your text.<br />
===Bold Text===<br />
To make a piece of text bold enclose it in '''[b][/b]'''. For example:<br />
:<code>[b]Hello World[/b]</code> becomes<br />
:'''Hello World'''<br />
<br />
===Underlining===<br />
To make a piece of text underlined, use '''[u][/u]'''. For example:<br />
:<code>[u]Calvin and Hobbes[/u]</code><br />
:<u>Calvin and Hobbes</u><br />
<br />
===Italics===<br />
To italicise text, use '''[i][/i]'''. For example:<br />
:<code>I [i]like[/i] green [i]olives[/i] and ham, Sam I am.</code><br />
:I ''like'' green ''olives'' and ham, Sam I am.<br />
<br />
===Colour===<br />
Changing the colour of text is achieved by wrapping it in '''[color=][/color]'''. You can specify either a recognised colour name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, eg. #FFFFFF, #000000. For example, to create blue text you could use the following:<br />
:<code>The colour [color=blue]blue[/color] is over used on the internet (and windows XP)</code><br />
:The colour blue is over used on the internet (and windows XP)<br />
:::---''Anyone know how to add colour to a wiki page?''<br />
<br />
:<code>[color=#00DEAD]This text is written in the colour 00DEAD[/color]</code><br />
<br />
===Size===<br />
Changing the text size is achieved in a similar way using '''[size=][/size]'''. This tag is dependent on the template you are using but the recommended format is a numerical value representing the text size in pixels, starting at 1 (so tiny you will not see it) through to 29 (very large). For example:<br />
:<code>[size=9]small[/size]</code><br />
:<small>small</small><br />
<br />
:<code>[size=16]BIG[/size]</code><br />
:<big>BIG</big><br />
<br />
===Centred Text===<br />
Text can be centred by wrapping it in '''[center][/center]''' tags. For example:<br />
:<code>[center]Welcome to CompSci.ca[/center]</code><br />
<br />
==Coding==<br />
There are two ways of displaying code in a friendly manner that will not get you yelled at.<br />
<br />
===Basic Monospaced Code Tags===<br />
If you want to output a piece of code or in fact anything that requires a fixed width with a Courier-type font, you can enclose the text in '''[code][/code]''' tags. The following is some Ruby code, as you would type it into the reply box:<br />
[[Image:BBCode_Code_Image.JPG|thumbnail|300px|right|Making a class method private in [[Ruby]]]]<br />
[code]<br />
class << Foo<br />
def class_method<br />
puts "class method"<br />
end<br />
private :class_method<br />
end<br />
Foo.class_method # --> Error!<br />
[/code]<br />
<br />
===Syntax Highlighting===<br />
[[CompSci.ca]] also supports syntax highlighting. To use it, wrap your code in '''[syntax="language_name"][/syntax]''' tags. For example:<br />
[[Image:Syntax_highlighting.JPG|thumbnail|300px|right|Hello World in [[Java]]]]<br />
[syntax="java"]<br />
public class HelloWorld<br />
{<br />
public static void main(String[] args)<br />
{<br />
System.out.println("Hello world!");<br />
}<br />
}<br />
[/syntax]<br />
<br />
Syntax highlighting will not work unless specific conditions are met.<br />
*Do not start the string with an upper case letter. "java" is used, not "Java".<br />
*Insert non-formatted text here. Use letters only: "cpp" is used, not <nowiki>"c++"</nowiki><br />
*Not all languages are supported.<br />
<br />
The supported languages include:<br />
*French ActionScript ("actionscript-french")<br />
*ActionScript ("actionscript")<br />
*ADA ("ada")<br />
*Apache ("apache")<br />
*AppleScript ("applescript")<br />
*ASM ("asm")<br />
*ASP ("asp")<br />
*AutoIt("autoit")<br />
*Bash ("bash")<br />
*Blitz Basic ("blitzbasic")<br />
*C ("c", "caddcl")<br />
*CadLisp("cadlisp")<br />
*CFM ("cfm")<br />
*C++ ("cpp")<br />
*C# ("csharp")<br />
*CSS ("css")<br />
*C Mac("c_mac")<br />
*D ("d")<br />
*Delphi ("delphi")<br />
*Diff ("diff")<br />
*Div ("div")<br />
*Dos ("dos")<br />
*Eiffel ("eiffel")<br />
*Free Basic("freebasic")<br />
*GML ("gml")<br />
*Haskell("haskell")<br />
*HTML 4 - Strict ("html4strict")<br />
*INI ("ini")<br />
*INNO ("inno")<br />
*Java ("java")<br />
*Java 5 ("java5")<br />
*JavaScript ("javascript")<br />
*Lisp("lisp")<br />
*LUA("lua")<br />
*MatLab("matlab")<br />
*MPasm("mpasm")<br />
*MySQL("mysql")<br />
*NSIS ("nsis")<br />
*Objective C ("objc")<br />
*O'Caml-Brief("ocaml-brief")<br />
*O'Caml ("ocaml")<br />
*OOBas ("oobas", "oracle8")<br />
*PASCAL ("pascal")<br />
*Perl ("perl")<br />
*PHP-Brief ("php-brief")<br />
*PHP("php")<br />
*Python ("python")<br />
*QBasic("qbasic")<br />
*Robots("robots")<br />
*Ruby ("ruby")<br />
*Scheme ("scheme")<br />
*SDL Basic("sdlbasic")<br />
*Smarty ("smarty")<br />
*SQL ("sql")<br />
*TSQL ("tsql")<br />
*Turing("turing")<br />
*Visual Basic ("vb")<br />
*Visual Basic.Net ("vbnet")<br />
*VHDL ("vhdl")<br />
*Visual FoxPro ("visualfoxpro")<br />
*XML ("xml")<br />
<br />
Some of these tags require special formatting to work, they will be posted in due time.<br />
<br />
==Quoting==<br />
There are two ways you can quote text: with a reference or without.<br />
<br />
===Basic Quoting===<br />
To create a basic quote, wrap the quotation in '''[quote][/quote]''' tags. For example:<br />
[[Image:Basic_Quote.JPG|thumbnail|300px|right|An anonymous quotation]]<br />
[quote]<br />
God is man's way of glorifying his own importance.<br />
[/quote]<br />
<br />
===Reference Quoting===<br />
To create a quotation and show who said it, wrap the quotation in '''[quote="name"][/quote]''' tags, where ''name'' represents the name of the person or thing that said the quotation. For example:<br />
[[Image:Reference_quote.JPG|thumbnail|250px|right|[[wtd]]'s famous quote]]<br />
[quote="wtd"]<br />
Don't reinvent the wheel if there's an existing library function to do it for you.<br />
[/quote]<br />
<br />
==Lists==<br />
We can create ordered and un-ordered lists with BBCode. <br />
<br />
===Un-ordered Lists===<br />
There are two types of unordered lists.<br />
<br />
====Non-bulleted Lists====<br />
To create an un-ordered, non-bulleted list, wrap the contents in '''[list][/list]''' tags. This will indent all text within the list tags. For example:<br />
[list]<br />
Pirate<br />
Ninja<br />
Foo<br />
[/list]<br />
:This produces the following each of the three words on their own line, indented. [[Cervantes]] has used this to indent sections of his tutorials. A good example of this can be seen in [http://www.compsci.ca/v2/viewtopic.php?t=9634 The Introduction to Turing] tutorial.<br />
<br />
====Bulleted Lists====<br />
To create an un-ordered, bulleted list, wrap the contents in '''[list][/list]''' tags. A bullet is represented by '''[*]'''. For example:<br />
[[Image:Bullets.JPG|thumbnail|100px|right|A bulleted list on [[CompSci.ca]]]]<br />
[list]<br />
[*]Pirate<br />
[*]Ninja<br />
[*]Foo<br />
[/list]<br />
<br />
===Ordered Lists===<br />
There are two types of ordered lists. They are quite similar to the non-ordered, bulleted list, except instead of bullets, they use digits or letters. To create an ordered list, wrap the contents in either '''[list=1][/list]''' or '''[list=a][/list]''' tags. Each line is prefixed by a '''[*]''', as in the non-ordered, bulleted list. For example:<br />
[[Image:Ordered_list.JPG|thumbnail|100px|right|An ordered list on [[CompSci.ca]]]]<br />
[list=1]<br />
[*]Pirate<br />
[*]Ninja<br />
[*]Foo<br />
[/list]<br />
<br />
==URL Links==<br />
BBCode allows us to insert links, or hypertext. There are two types of links.<br />
<br />
===Basic Link===<br />
To create a basic link, wrap the URL in '''[url][/url]''' tags. For example:<br />
:<code><nowiki>[url]http://www.google.ca[/url]</nowiki></code><br />
:This produces the phpBB equivalent of [http://www.google.ca http://www.google.ca]<br />
<br />
===Named Link===<br />
To make text link to a webpage, wrap the text in '''[url="place complete URL here"][/url]''' tags. For example:<br />
:<code><nowiki>[url=http://maddox.xmission.com/]The Worst Page in the Universe[/url]</nowiki></code><br />
:This produces the phpBB equivalent of [http://maddox.xmission.com/ The Worst Page in the Universe]<br />
<br />
==Inserting Images==<br />
[[Image:OniTony.jpg|thumbnail|100px|right|Oni [[Tony]]]]<br />
BBCode allows us to insert images into the forums. Go easy on this, however. Inserting large images will get you in trouble. If you want to insert a large image, you can make a [[thumbnail]] of it.<br />
<br />
To insert an image, wrap the URL to the image in '''[img][/img]''' tags. For example:<br />
:<code><nowiki>[img]http://www.compsci.ca/wiki/images/7/7d/OniTony.jpg[/img]</nowiki></code><br />
:This inserts the image into the forum, located at the left.<br />
<br />
==Combining Formatting Tags==<br />
BBCode tags may be combined to produce, for example, bold, italicized, and large text. To do this, place all the initial tags one after each other, followed by the text, followed by the closing tags. For example:<br />
:<code>This text will [b][i][size=16]really[/size][/i][/b] stick out!</code><br />
:This text will '''''<big>really</big>''''' stick out!<br />
<br />
<br />
[[Image:Logo phpBB-6.gif|thumbnail|200px|right|[[CompSci.ca]] logo]]<br />
:<code><nowiki>[url=http://www.compsci.ca/v3/index.php]</nowiki></code><br />
<br />
:<code><nowiki>[img]http://compsci.ca/v3/templates/subSilver/images/logo_phpBB.gif[/img]</nowiki></code><br />
<br />
:<code>[/url]</code><br />
<br />
:This produces the CompSci.ca logo, and the image links to the CompSci.ca forum index.<br />
<br />
==Staff Only BBCodes==<br />
Curently (as of [[V2]]) there is only one bbcode that can only be used by some of the staff. However this may chage come the adadtion of [[V3]] and many new BBCodes (see V3 BBCodes).<br />
<br />
===Mod Tag===<br />
This tag can only be used by a user who has mod powers in the forum in question. It places a message in a box like the qoute and code tags but stands out more. Also it has the nice effect of making the post uneditable by anyone who dose not have mod powers in the fourm. The mod tag can be used anonymously or it can state a name the same way the qoute tag works. An exmaple of the mod tag is as fallows:<br />
:<code>[mod="Hacker Dan"]All your base are belong to us.[/mod]</code><br />
:This will put a big red box with the text "All your base are belong to us." in it and a title of "Moderator by Hacker Dan:". <br />
<br />
==V3 BBCodes==<br />
The fallowing are some of the bbcodes being introduced in Verson 3 of the CompSci.ca software. Thess BBCodes are still in testing and may or may not acually be in [[V3]] and definitely will not work on [[V2]].<br />
<br />
===Wiki Tag===<br />
This tag allows us to quickly make a link to a page on the CompSci.ca Wiki by using the following tag and the page name. For Example:<br />
:<code>[wiki]BBcode[/wiki]</code><br />
:This will make a link to this page on the wiki.<br />
<br />
===Google Tag===<br />
Like the wiki tag this will make a link to search [[Google]] for the given text. This is useful when directing users to search google for help. Example:<br />
:<code>[Google]CompSci[/google]</code><br />
:This will make a link to search google for CompSci<br />
<br />
===Yahoo Tag===<br />
Excatly like the Google tag but uses the [[Yahoo]] search engine. Example:<br />
:<code>[Yahoo]CompSci[/Yahoo]</code><br />
:This will make a link to search yahoo for CompSci<br />
<br />
===Ebay Tag===<br />
Like the above tags the ebay tag will search [[Ebay]] for an item listed. Example:<br />
:<code>[Ebay]Laptops[/Ebay]</code><br />
:This will make a link to sreach ebay for laptops<br />
<br />
===Username Tag===<br />
Simply puts your username in place of the tag. Example:<br />
:<code>[username]</code><br />
:Will put your username in place of the tag.<br />
<br />
===Strike Tag===<br />
Will put the text with a strike threw it. Example:<br />
:<code>[strike]Tony is the coolest[/strike]</code><br />
:Will output <strike>Tony is the coolest</strike><br />
<br />
===Footnote Tag===<br />
This attacks much like footnotes in word processors and will put a number with the footnote at the bottom of the post. Example:<br />
:<code>Dan[footnote]Dan is a hacker[/footnote] likes popcorn.</code><br />
:Will put "Dan<b><i>^1</i></b> likes popcorn" with ^1 being a super script, and "<b><i>1. Dan is a Hacker</i></b>" at the end of the post.<br />
<br />
===Offtopic Tag===<br />
This puts the words "Offtopic" in front of the tagged text as well as making it italicised and blue. Example:<br />
:<code>[offtopic]Martin is a lamer mod[/offtopic]</code><br />
:Will output "<i>Offtopic: Martin is a lamer mod</i>" in a blue colour. <i>Pic to come when v3 realsed</i>.<br />
<br />
===Spoiler Tag===<br />
Meant for posts that may give something away the user may not want to see right away. Like some tutorials or film/game reviews (not that we get many of them). Example:<br />
:<code>[spoiler]Neo is the one[/spoiler]</code><br />
:This will output a black box with the title spolier that can only be read when the text is highlighted with a mouse. <i>Pic to come when v3 released</i>.<br />
<br />
===Tab Tag===<br />
Allows for tabs to be placed in posts, which can be quite useful some times especially with code examples.<br />
:<code>[Tab]Hello World</code><br />
:Will out put " Hello World" where the space is one tab length.</div>DtYhttp://wiki.compsci.ca/index.php?title=BBCodeBBCode2009-04-28T21:47:59Z<p>DtY: /* Inserting Images */ took out "1000" sitting in the middle of the article</p>
<hr />
<div>==What is BBCode?==<br />
BBCode is a special implementation of HTML. Whether you can actually use BBCode in your posts on the forum is determined by the administrator. In addition, you can disable BBCode on a per post basis via the posting form. BBCode itself is similar in style to HTML: tags are enclosed in square brackets, "[" and "]" rather than "<" and ">", and it offers greater control over what and how something is displayed. Depending on the template you are using you may find adding BBCode to your posts is made much easier through a clickable interface above the message area on the posting form. Even with this you may find the following guide useful.<br />
<br />
Please note that BBCode is '''not''' used in editing '''wiki''' pages. For information on how to edit wiki pages, please go [http://en.wikipedia.org/wiki/Wikipedia:How_to_edit_a_page here].<br />
<br />
==Text Formatting==<br />
BBCode includes tags to allow you to quickly change the basic style of your text.<br />
===Bold Text===<br />
To make a piece of text bold enclose it in '''[b][/b]'''. For example:<br />
:<code>[b]Hello World[/b]</code> becomes<br />
:'''Hello World'''<br />
<br />
===Underlining===<br />
To make a piece of text underlined, use '''[u][/u]'''. For example:<br />
:<code>[u]Calvin and Hobbes[/u]</code><br />
:<u>Calvin and Hobbes</u><br />
<br />
===Italics===<br />
To italicise text, use '''[i][/i]'''. For example:<br />
:<code>I [i]like[/i] green [i]olives[/i] and ham, Sam I am.</code><br />
:I ''like'' green ''olives'' and ham, Sam I am.<br />
<br />
===Colour===<br />
Changing the colour of text is achieved by wrapping it in '''[color=][/color]'''. You can specify either a recognised colour name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, eg. #FFFFFF, #000000. For example, to create blue text you could use the following:<br />
:<code>The colour [color=blue]blue[/color] is over used on the internet (and windows XP)</code><br />
:The colour blue is over used on the internet (and windows XP)<br />
:::---''Anyone know how to add colour to a wiki page?''<br />
<br />
:<code>[color=#00DEAD]This text is written in the colour 00DEAD[/color]</code><br />
<br />
===Size===<br />
Changing the text size is achieved in a similar way using '''[size=][/size]'''. This tag is dependent on the template you are using but the recommended format is a numerical value representing the text size in pixels, starting at 1 (so tiny you will not see it) through to 29 (very large). For example:<br />
:<code>[size=9]small[/size]</code><br />
:<small>small</small><br />
<br />
:<code>[size=16]BIG[/size]</code><br />
:<big>BIG</big><br />
<br />
===Centred Text===<br />
Text can be centred by wrapping it in '''[center][/center]''' tags. For example:<br />
:<code>[center]Welcome to CompSci.ca[/center]</code><br />
<br />
==Coding==<br />
There are two ways of displaying code in a friendly manner that will not get you yelled at.<br />
<br />
===Basic Monospaced Code Tags===<br />
If you want to output a piece of code or in fact anything that requires a fixed width with a Courier-type font, you can enclose the text in '''[code][/code]''' tags. The following is some Ruby code, as you would type it into the reply box:<br />
[[Image:BBCode_Code_Image.JPG|thumbnail|300px|right|Making a class method private in [[Ruby]]]]<br />
[code]<br />
class << Foo<br />
def class_method<br />
puts "class method"<br />
end<br />
private :class_method<br />
end<br />
Foo.class_method # --> Error!<br />
[/code]<br />
<br />
===Syntax Highlighting===<br />
[[CompSci.ca]] also supports syntax highlighting. To use it, wrap your code in '''[syntax="language_name"][/syntax]''' tags. For example:<br />
[[Image:Syntax_highlighting.JPG|thumbnail|300px|right|Hello World in [[Java]]]]<br />
[syntax="java"]<br />
public class HelloWorld<br />
{<br />
public static void main(String[] args)<br />
{<br />
System.out.println("Hello world!");<br />
}<br />
}<br />
[/syntax]<br />
<br />
Syntax highlighting will not work unless specific conditions are met.<br />
*Do not start the string with an upper case letter. "java" is used, not "Java".<br />
*Insert non-formatted text here. Use letters only: "cpp" is used, not <nowiki>"c++"</nowiki><br />
*Not all languages are supported.<br />
<br />
The supported languages include:<br />
*French ActionScript ("actionscript-french")<br />
*ActionScript ("actionscript")<br />
*ADA ("ada")<br />
*Apache ("apache")<br />
*AppleScript ("applescript")<br />
*ASM ("asm")<br />
*ASP ("asp")<br />
*AutoIt("autoit")<br />
*Bash ("bash")<br />
*Blitz Basic ("blitzbasic")<br />
*C ("c", "caddcl")<br />
*CadLisp("cadlisp")<br />
*CFM ("cfm")<br />
*C++ ("cpp")<br />
*C# ("csharp")<br />
*CSS ("css")<br />
*C Mac("c_mac")<br />
*D ("d")<br />
*Delphi ("delphi")<br />
*Diff ("diff")<br />
*Div ("div")<br />
*Dos ("dos")<br />
*Eiffel ("eiffel")<br />
*Free Basic("freebasic")<br />
*GML ("gml")<br />
*Haskell("haskell")<br />
*HTML 4 - Strict ("html4strict")<br />
*INI ("ini")<br />
*INNO ("inno")<br />
*Java ("java")<br />
*Java 5 ("java5")<br />
*JavaScript ("javascript")<br />
*Lisp("lisp")<br />
*LUA("lua")<br />
*MatLab("matlab")<br />
*MPasm("mpasm")<br />
*MySQL("mysql")<br />
*NSIS ("nsis")<br />
*Objective C ("objc")<br />
*O'Caml-Brief("ocaml-brief")<br />
*O'Caml ("ocaml")<br />
*OOBas ("oobas", "oracle8")<br />
*PASCAL ("pascal")<br />
*Perl ("perl")<br />
*PHP-Brief ("php-brief")<br />
*PHP("php")<br />
*Python ("python")<br />
*QBasic("qbasic")<br />
*Robots("robots")<br />
*Ruby ("ruby")<br />
*Scheme ("scheme")<br />
*SDL Basic("sdlbasic")<br />
*Smarty ("smarty")<br />
*SQL ("sql")<br />
*TSQL ("tsql")<br />
*Turing("turing")<br />
*Visual Basic ("vb")<br />
*Visual Basic.Net ("vbnet")<br />
*VHDL ("vhdl")<br />
*Visual FoxPro ("visualfoxpro")<br />
*XML ("xml")<br />
<br />
Some of these tags require special formatting to work, they will be posted in due time.<br />
<br />
==Quoting==<br />
There are two ways you can quote text: with a reference or without.<br />
<br />
===Basic Quoting===<br />
To create a basic quote, wrap the quotation in '''[quote][/quote]''' tags. For example:<br />
[[Image:Basic_Quote.JPG|thumbnail|300px|right|An anonymous quotation]]<br />
[quote]<br />
God is man's way of glorifying his own importance.<br />
[/quote]<br />
<br />
===Reference Quoting===<br />
To create a quotation and show who said it, wrap the quotation in '''[quote="name"][/quote]''' tags, where ''name'' represents the name of the person or thing that said the quotation. For example:<br />
[[Image:Reference_quote.JPG|thumbnail|250px|right|[[wtd]]'s famous quote]]<br />
[quote="wtd"]<br />
Don't reinvent the wheel if there's an existing library function to do it for you.<br />
[/quote]<br />
<br />
==Lists==<br />
We can create ordered and un-ordered lists with BBCode. <br />
<br />
===Un-ordered Lists===<br />
There are two types of unordered lists.<br />
<br />
====Non-bulleted Lists====<br />
To create an un-ordered, non-bulleted list, wrap the contents in '''[list][/list]''' tags. This will indent all text within the list tags. For example:<br />
[list]<br />
Pirate<br />
Ninja<br />
Foo<br />
[/list]<br />
:This produces the following each of the three words on their own line, indented. [[Cervantes]] has used this to indent sections of his tutorials. A good example of this can be seen in [http://www.compsci.ca/v2/viewtopic.php?t=9634 The Introduction to Turing] tutorial.<br />
<br />
====Bulleted Lists====<br />
To create an un-ordered, bulleted list, wrap the contents in '''[list][/list]''' tags. A bullet is represented by '''[*]'''. For example:<br />
[[Image:Bullets.JPG|thumbnail|100px|right|A bulleted list on [[CompSci.ca]]]]<br />
[list]<br />
[*]Pirate<br />
[*]Ninja<br />
[*]Foo<br />
[/list]<br />
<br />
===Ordered Lists===<br />
There are two types of ordered lists. They are quite similar to the non-ordered, bulleted list, except instead of bullets, they use digits or letters. To create an ordered list, wrap the contents in either '''[list=1][/list]''' or '''[list=a][/list]''' tags. Each line is prefixed by a '''[*]''', as in the non-ordered, bulleted list. For example:<br />
[[Image:Ordered_list.JPG|thumbnail|100px|right|An ordered list on [[CompSci.ca]]]]<br />
[list=1]<br />
[*]Pirate<br />
[*]Ninja<br />
[*]Foo<br />
[/list]<br />
<br />
==URL Links==<br />
BBCode allows us to insert links, or hypertext. There are two types of links.<br />
<br />
===Basic Link===<br />
To create a basic link, wrap the URL in '''[url][/url]''' tags. For example:<br />
:<code><nowiki>[url]http://www.google.ca[/url]</nowiki></code><br />
:This produces the phpBB equivalent of [http://www.google.ca http://www.google.ca]<br />
<br />
===Named Link===<br />
To make text link to a webpage, wrap the text in '''[url="place complete URL here"][/url]''' tags. For example:<br />
:<code><nowiki>[url=http://maddox.xmission.com/]The Worst Page in the Universe[/url]</nowiki></code><br />
:This produces the phpBB equivalent of [http://maddox.xmission.com/ The Worst Page in the Universe]<br />
<br />
==Inserting Images==<br />
[[Image:OniTony.jpg|thumbnail|100px|right|Oni [[Tony]]]]<br />
BBCode allows us to insert images into the forums. Go easy on this, however. Inserting large images will get you in trouble. If you want to insert a large image, you can make a [[thumbnail]] of it.<br />
<br />
To insert an image, wrap the URL to the image in '''[img][/img]''' tags. For example:<br />
:<code><nowiki>[img]http://www.compsci.ca/wiki/images/7/7d/OniTony.jpg[/img]</nowiki></code><br />
:This inserts the image into the forum, located at the left.<br />
<br />
==Combining Formatting Tags==<br />
BBCode tags may be combined to produce, for example, bold, italicized, and large text. To do this, place all the initial tags one after each other, followed by the text, followed by the closing tags. For example:<br />
:<code>This text will [b][i][size=16]really[/size][/i][/b] stick out!</code><br />
:This text will '''''<big>really</big>''''' stick out!<br />
<br />
<br />
[[Image:Logo phpBB-6.gif|thumbnail|200px|right|[[CompSci.ca]] logo]]<br />
:<code><nowiki>[url=http://www.compsci.ca/v3/index.php]</nowiki></code><br />
<br />
:<code><nowiki>[img]http://compsci.ca/v3/templates/subSilver/images/logo_phpBB.gif[/img]</nowiki></code><br />
<br />
:<code>[/url]</code><br />
<br />
:This produces the CompSci.ca logo, and the image links to the CompSci.ca forum index.<br />
<br />
==Staff Only BBCodes==<br />
Curently (as of [[V2]]) there is only one bbcode that can only be used by some of the staff. However this may chage come the adadtion of [[V3]] and many new BBCodes (see V3 BBCodes).<br />
<br />
===Mod Tag===<br />
This tag can only be used by a user who has mod powers in the forum in question. It places a message in a box like the qoute and code tags but stands out more. Also it has the nice effect of making the post uneditable by anyone who dose not have mod powers in the fourm. The mod tag can be used anonymously or it can state a name the same way the qoute tag works. An exmaple of the mod tag is as fallows:<br />
:<code>[mod="Hacker Dan"]All your base are belong to us.[/mod]</code><br />
:This will put a big red box with the text "All your base are belong to us." in it and a title of "Moderator by Hacker Dan:". <br />
<br />
==V3 BBCodes==<br />
The fallowing are some of the bbcodes being introduced in Verson 3 of the CompSci.ca software. Thess BBCodes are still in testing and may or may not aucatly be in [[V3]] and deftaly will not work on [[V2]].<br />
<br />
===Wiki Tag===<br />
This tag allows us to quickly make a link to a page on the CompSci.ca Wiki by using the falowing tag and the page name. For Example:<br />
:<code>[wiki]BBcode[/wiki]</code><br />
:This will make a link to this page on the wiki.<br />
<br />
===Google Tag===<br />
Like the wiki tag this will make a link to sreach [[Google]] for the given text. This is usefull when directing users to sreach google for help. Example:<br />
:<code>[Google]CompSci[/google]</code><br />
:This will make a link to sreach google for CompSci<br />
<br />
===Yahoo Tag===<br />
Excatly like the Google tag but uses the [[Yahoo]] sreach engion. Example:<br />
:<code>[Yahoo]CompSci[/Yahoo]</code><br />
:This will make a link to sreach yahoo for CompSci<br />
<br />
===Ebay Tag===<br />
Like the above tags the ebay tag will sreach [[Ebay]] for an item listed. Example:<br />
:<code>[Ebay]Laptops[/Ebay]</code><br />
:This will make a link to sreach ebay for laptops<br />
<br />
===Username Tag===<br />
Simpley puts your username inplace of the tag. Example:<br />
:<code>[username]</code><br />
:Will put your username in place of the tag.<br />
<br />
===Strike Tag===<br />
Atacks the same as the the strike html tag and puts a strike threw the text. Example:<br />
:<code>[strike]Tony is the coolest[/strike]</code><br />
:Will output <strike>Tony is the coolest</strike><br />
<br />
===Footnote Tag===<br />
This atacks much like footnotes in word processors and will put a number with the footnote at the bottom of the post. Example:<br />
:<code>Dan[footnote]Dan is a hacker[/footnote] likes popcorn.</code><br />
:Will put "Dan<b><i>^1</i></b> likes popcorn" with ^1 being an supercased 1 and "<b><i>1. Dan is a Hacker</i></b>" at the end of the post.<br />
<br />
===Offtopic Tag===<br />
This puts th<br />
1000<br />
e words Offtopic in front of the taged text as well as making it italicesed and blue. Example:<br />
:<code>[offtopic]Martin is a lamer mod[/offtopic]</code><br />
:Will output "<i>Offtopic: Martin is a lamer mod</i>" in a blue color. <i>Pic to come when v3 realsed</i>.<br />
<br />
===Spoiler Tag===<br />
Ment for posts that may give somthing away the user may not whont to see right away. Like some tutorals or moive/game reviews (not that we get many of them). Example:<br />
:<code>[spoiler]Neo is the one[/spoiler]</code><br />
:This will output a black box with the title spolier that can only be read when the text is highlighted with a mouse. <i>Pic to come when v3 realsted</i>.<br />
<br />
===Tab Tag===<br />
Alows for tabs to be placed in posts, witch can be quite usefull some times esptaly with code exmaples.<br />
:<code>[Tab]Hello World</code><br />
:Will out put " Hello World" where the space is one tab length.</div>DtYhttp://wiki.compsci.ca/index.php?title=BBCodeBBCode2009-04-28T21:35:44Z<p>DtY: /* Syntax Highlighting */ Put languages into a list (not in a block)</p>
<hr />
<div>==What is BBCode?==<br />
BBCode is a special implementation of HTML. Whether you can actually use BBCode in your posts on the forum is determined by the administrator. In addition, you can disable BBCode on a per post basis via the posting form. BBCode itself is similar in style to HTML: tags are enclosed in square brackets, "[" and "]" rather than "<" and ">", and it offers greater control over what and how something is displayed. Depending on the template you are using you may find adding BBCode to your posts is made much easier through a clickable interface above the message area on the posting form. Even with this you may find the following guide useful.<br />
<br />
Please note that BBCode is '''not''' used in editing '''wiki''' pages. For information on how to edit wiki pages, please go [http://en.wikipedia.org/wiki/Wikipedia:How_to_edit_a_page here].<br />
<br />
==Text Formatting==<br />
BBCode includes tags to allow you to quickly change the basic style of your text.<br />
===Bold Text===<br />
To make a piece of text bold enclose it in '''[b][/b]'''. For example:<br />
:<code>[b]Hello World[/b]</code> becomes<br />
:'''Hello World'''<br />
<br />
===Underlining===<br />
To make a piece of text underlined, use '''[u][/u]'''. For example:<br />
:<code>[u]Calvin and Hobbes[/u]</code><br />
:<u>Calvin and Hobbes</u><br />
<br />
===Italics===<br />
To italicise text, use '''[i][/i]'''. For example:<br />
:<code>I [i]like[/i] green [i]olives[/i] and ham, Sam I am.</code><br />
:I ''like'' green ''olives'' and ham, Sam I am.<br />
<br />
===Colour===<br />
Changing the colour of text is achieved by wrapping it in '''[color=][/color]'''. You can specify either a recognised colour name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, eg. #FFFFFF, #000000. For example, to create blue text you could use the following:<br />
:<code>The colour [color=blue]blue[/color] is over used on the internet (and windows XP)</code><br />
:The colour blue is over used on the internet (and windows XP)<br />
:::---''Anyone know how to add colour to a wiki page?''<br />
<br />
:<code>[color=#00DEAD]This text is written in the colour 00DEAD[/color]</code><br />
<br />
===Size===<br />
Changing the text size is achieved in a similar way using '''[size=][/size]'''. This tag is dependent on the template you are using but the recommended format is a numerical value representing the text size in pixels, starting at 1 (so tiny you will not see it) through to 29 (very large). For example:<br />
:<code>[size=9]small[/size]</code><br />
:<small>small</small><br />
<br />
:<code>[size=16]BIG[/size]</code><br />
:<big>BIG</big><br />
<br />
===Centred Text===<br />
Text can be centred by wrapping it in '''[center][/center]''' tags. For example:<br />
:<code>[center]Welcome to CompSci.ca[/center]</code><br />
<br />
==Coding==<br />
There are two ways of displaying code in a friendly manner that will not get you yelled at.<br />
<br />
===Basic Monospaced Code Tags===<br />
If you want to output a piece of code or in fact anything that requires a fixed width with a Courier-type font, you can enclose the text in '''[code][/code]''' tags. The following is some Ruby code, as you would type it into the reply box:<br />
[[Image:BBCode_Code_Image.JPG|thumbnail|300px|right|Making a class method private in [[Ruby]]]]<br />
[code]<br />
class << Foo<br />
def class_method<br />
puts "class method"<br />
end<br />
private :class_method<br />
end<br />
Foo.class_method # --> Error!<br />
[/code]<br />
<br />
===Syntax Highlighting===<br />
[[CompSci.ca]] also supports syntax highlighting. To use it, wrap your code in '''[syntax="language_name"][/syntax]''' tags. For example:<br />
[[Image:Syntax_highlighting.JPG|thumbnail|300px|right|Hello World in [[Java]]]]<br />
[syntax="java"]<br />
public class HelloWorld<br />
{<br />
public static void main(String[] args)<br />
{<br />
System.out.println("Hello world!");<br />
}<br />
}<br />
[/syntax]<br />
<br />
Syntax highlighting will not work unless specific conditions are met.<br />
*Do not start the string with an upper case letter. "java" is used, not "Java".<br />
*Insert non-formatted text here. Use letters only: "cpp" is used, not <nowiki>"c++"</nowiki><br />
*Not all languages are supported.<br />
<br />
The supported languages include:<br />
*French ActionScript ("actionscript-french")<br />
*ActionScript ("actionscript")<br />
*ADA ("ada")<br />
*Apache ("apache")<br />
*AppleScript ("applescript")<br />
*ASM ("asm")<br />
*ASP ("asp")<br />
*AutoIt("autoit")<br />
*Bash ("bash")<br />
*Blitz Basic ("blitzbasic")<br />
*C ("c", "caddcl")<br />
*CadLisp("cadlisp")<br />
*CFM ("cfm")<br />
*C++ ("cpp")<br />
*C# ("csharp")<br />
*CSS ("css")<br />
*C Mac("c_mac")<br />
*D ("d")<br />
*Delphi ("delphi")<br />
*Diff ("diff")<br />
*Div ("div")<br />
*Dos ("dos")<br />
*Eiffel ("eiffel")<br />
*Free Basic("freebasic")<br />
*GML ("gml")<br />
*Haskell("haskell")<br />
*HTML 4 - Strict ("html4strict")<br />
*INI ("ini")<br />
*INNO ("inno")<br />
*Java ("java")<br />
*Java 5 ("java5")<br />
*JavaScript ("javascript")<br />
*Lisp("lisp")<br />
*LUA("lua")<br />
*MatLab("matlab")<br />
*MPasm("mpasm")<br />
*MySQL("mysql")<br />
*NSIS ("nsis")<br />
*Objective C ("objc")<br />
*O'Caml-Brief("ocaml-brief")<br />
*O'Caml ("ocaml")<br />
*OOBas ("oobas", "oracle8")<br />
*PASCAL ("pascal")<br />
*Perl ("perl")<br />
*PHP-Brief ("php-brief")<br />
*PHP("php")<br />
*Python ("python")<br />
*QBasic("qbasic")<br />
*Robots("robots")<br />
*Ruby ("ruby")<br />
*Scheme ("scheme")<br />
*SDL Basic("sdlbasic")<br />
*Smarty ("smarty")<br />
*SQL ("sql")<br />
*TSQL ("tsql")<br />
*Turing("turing")<br />
*Visual Basic ("vb")<br />
*Visual Basic.Net ("vbnet")<br />
*VHDL ("vhdl")<br />
*Visual FoxPro ("visualfoxpro")<br />
*XML ("xml")<br />
<br />
Some of these tags require special formatting to work, they will be posted in due time.<br />
<br />
==Quoting==<br />
There are two ways you can quote text: with a reference or without.<br />
<br />
===Basic Quoting===<br />
To create a basic quote, wrap the quotation in '''[quote][/quote]''' tags. For example:<br />
[[Image:Basic_Quote.JPG|thumbnail|300px|right|An anonymous quotation]]<br />
[quote]<br />
God is man's way of glorifying his own importance.<br />
[/quote]<br />
<br />
===Reference Quoting===<br />
To create a quotation and show who said it, wrap the quotation in '''[quote="name"][/quote]''' tags, where ''name'' represents the name of the person or thing that said the quotation. For example:<br />
[[Image:Reference_quote.JPG|thumbnail|250px|right|[[wtd]]'s famous quote]]<br />
[quote="wtd"]<br />
Don't reinvent the wheel if there's an existing library function to do it for you.<br />
[/quote]<br />
<br />
==Lists==<br />
We can create ordered and un-ordered lists with BBCode. <br />
<br />
===Un-ordered Lists===<br />
There are two types of unordered lists.<br />
<br />
====Non-bulleted Lists====<br />
To create an un-ordered, non-bulleted list, wrap the contents in '''[list][/list]''' tags. This will indent all text within the list tags. For example:<br />
[list]<br />
Pirate<br />
Ninja<br />
Foo<br />
[/list]<br />
:This produces the following each of the three words on their own line, indented. [[Cervantes]] has used this to indent sections of his tutorials. A good example of this can be seen in [http://www.compsci.ca/v2/viewtopic.php?t=9634 The Introduction to Turing] tutorial.<br />
<br />
====Bulleted Lists====<br />
To create an un-ordered, bulleted list, wrap the contents in '''[list][/list]''' tags. A bullet is represented by '''[*]'''. For example:<br />
[[Image:Bullets.JPG|thumbnail|100px|right|A bulleted list on [[CompSci.ca]]]]<br />
[list]<br />
[*]Pirate<br />
[*]Ninja<br />
[*]Foo<br />
[/list]<br />
<br />
===Ordered Lists===<br />
There are two types of ordered lists. They are quite similar to the non-ordered, bulleted list, except instead of bullets, they use digits or letters. To create an ordered list, wrap the contents in either '''[list=1][/list]''' or '''[list=a][/list]''' tags. Each line is prefixed by a '''[*]''', as in the non-ordered, bulleted list. For example:<br />
[[Image:Ordered_list.JPG|thumbnail|100px|right|An ordered list on [[CompSci.ca]]]]<br />
[list=1]<br />
[*]Pirate<br />
[*]Ninja<br />
[*]Foo<br />
[/list]<br />
<br />
==URL Links==<br />
BBCode allows us to insert links, or hypertext. There are two types of links.<br />
<br />
===Basic Link===<br />
To create a basic link, wrap the URL in '''[url][/url]''' tags. For example:<br />
:<code><nowiki>[url]http://www.google.ca[/url]</nowiki></code><br />
:This produces the phpBB equivalent of [http://www.google.ca http://www.google.ca]<br />
<br />
===Named Link===<br />
To make text link to a webpage, wrap the text in '''[url="place complete URL here"][/url]''' tags. For example:<br />
:<code><nowiki>[url=http://maddox.xmission.com/]The Worst Page in the Universe[/url]</nowiki></code><br />
:This produces the phpBB equivalent of [http://maddox.xmission.com/ The Worst Page in the Universe]<br />
<br />
==Inserting Images==<br />
[[Image:OniTony.jpg|thumbnail|100px|right|Oni [[Tony]]]]<br />
BBCode allows us to insert images into th<br />
1000<br />
e forums. Go easy on this, however. Inserting large images will get you in trouble. If you want to insert a large image, you can make a [[thumbnail]] of it.<br />
<br />
To insert an image, wrap the URL to the image in '''[img][/img]''' tags. For example:<br />
:<code><nowiki>[img]http://www.compsci.ca/wiki/images/7/7d/OniTony.jpg[/img]</nowiki></code><br />
:This inserts the image into the forum, located at the left.<br />
<br />
==Combining Formatting Tags==<br />
BBCode tags may be combined to produce, for example, bold, italicized, and large text. To do this, place all the initial tags one after each other, followed by the text, followed by the closing tags. For example:<br />
:<code>This text will [b][i][size=16]really[/size][/i][/b] stick out!</code><br />
:This text will '''''<big>really</big>''''' stick out!<br />
<br />
<br />
[[Image:Logo phpBB-6.gif|thumbnail|200px|right|[[CompSci.ca]] logo]]<br />
:<code><nowiki>[url=http://www.compsci.ca/v3/index.php]</nowiki></code><br />
<br />
:<code><nowiki>[img]http://compsci.ca/v3/templates/subSilver/images/logo_phpBB.gif[/img]</nowiki></code><br />
<br />
:<code>[/url]</code><br />
<br />
:This produces the CompSci.ca logo, and the image links to the CompSci.ca forum index.<br />
<br />
==Staff Only BBCodes==<br />
Curently (as of [[V2]]) there is only one bbcode that can only be used by some of the staff. However this may chage come the adadtion of [[V3]] and many new BBCodes (see V3 BBCodes).<br />
<br />
===Mod Tag===<br />
This tag can only be used by a user who has mod powers in the forum in question. It places a message in a box like the qoute and code tags but stands out more. Also it has the nice effect of making the post uneditable by anyone who dose not have mod powers in the fourm. The mod tag can be used anonymously or it can state a name the same way the qoute tag works. An exmaple of the mod tag is as fallows:<br />
:<code>[mod="Hacker Dan"]All your base are belong to us.[/mod]</code><br />
:This will put a big red box with the text "All your base are belong to us." in it and a title of "Moderator by Hacker Dan:". <br />
<br />
==V3 BBCodes==<br />
The fallowing are some of the bbcodes being introduced in Verson 3 of the CompSci.ca software. Thess BBCodes are still in testing and may or may not aucatly be in [[V3]] and deftaly will not work on [[V2]].<br />
<br />
===Wiki Tag===<br />
This tag allows us to quickly make a link to a page on the CompSci.ca Wiki by using the falowing tag and the page name. For Example:<br />
:<code>[wiki]BBcode[/wiki]</code><br />
:This will make a link to this page on the wiki.<br />
<br />
===Google Tag===<br />
Like the wiki tag this will make a link to sreach [[Google]] for the given text. This is usefull when directing users to sreach google for help. Example:<br />
:<code>[Google]CompSci[/google]</code><br />
:This will make a link to sreach google for CompSci<br />
<br />
===Yahoo Tag===<br />
Excatly like the Google tag but uses the [[Yahoo]] sreach engion. Example:<br />
:<code>[Yahoo]CompSci[/Yahoo]</code><br />
:This will make a link to sreach yahoo for CompSci<br />
<br />
===Ebay Tag===<br />
Like the above tags the ebay tag will sreach [[Ebay]] for an item listed. Example:<br />
:<code>[Ebay]Laptops[/Ebay]</code><br />
:This will make a link to sreach ebay for laptops<br />
<br />
===Username Tag===<br />
Simpley puts your username inplace of the tag. Example:<br />
:<code>[username]</code><br />
:Will put your username in place of the tag.<br />
<br />
===Strike Tag===<br />
Atacks the same as the the strike html tag and puts a strike threw the text. Example:<br />
:<code>[strike]Tony is the coolest[/strike]</code><br />
:Will output <strike>Tony is the coolest</strike><br />
<br />
===Footnote Tag===<br />
This atacks much like footnotes in word processors and will put a number with the footnote at the bottom of the post. Example:<br />
:<code>Dan[footnote]Dan is a hacker[/footnote] likes popcorn.</code><br />
:Will put "Dan<b><i>^1</i></b> likes popcorn" with ^1 being an supercased 1 and "<b><i>1. Dan is a Hacker</i></b>" at the end of the post.<br />
<br />
===Offtopic Tag===<br />
This puts th<br />
1000<br />
e words Offtopic in front of the taged text as well as making it italicesed and blue. Example:<br />
:<code>[offtopic]Martin is a lamer mod[/offtopic]</code><br />
:Will output "<i>Offtopic: Martin is a lamer mod</i>" in a blue color. <i>Pic to come when v3 realsed</i>.<br />
<br />
===Spoiler Tag===<br />
Ment for posts that may give somthing away the user may not whont to see right away. Like some tutorals or moive/game reviews (not that we get many of them). Example:<br />
:<code>[spoiler]Neo is the one[/spoiler]</code><br />
:This will output a black box with the title spolier that can only be read when the text is highlighted with a mouse. <i>Pic to come when v3 realsted</i>.<br />
<br />
===Tab Tag===<br />
Alows for tabs to be placed in posts, witch can be quite usefull some times esptaly with code exmaples.<br />
:<code>[Tab]Hello World</code><br />
:Will out put " Hello World" where the space is one tab length.</div>DtYhttp://wiki.compsci.ca/index.php?title=BBCodeBBCode2009-04-28T21:20:12Z<p>DtY: /* What is BBCode? proofread */</p>
<hr />
<div>==What is BBCode?==<br />
BBCode is a special implementation of HTML. Whether you can actually use BBCode in your posts on the forum is determined by the administrator. In addition, you can disable BBCode on a per post basis via the posting form. BBCode itself is similar in style to HTML: tags are enclosed in square brackets, "[" and "]" rather than "<" and ">", and it offers greater control over what and how something is displayed. Depending on the template you are using you may find adding BBCode to your posts is made much easier through a clickable interface above the message area on the posting form. Even with this you may find the following guide useful.<br />
<br />
Please note that BBCode is '''not''' used in editing '''wiki''' pages. For information on how to edit wiki pages, please go [http://en.wikipedia.org/wiki/Wikipedia:How_to_edit_a_page here].<br />
<br />
==Text Formatting==<br />
BBCode includes tags to allow you to quickly change the basic style of your text.<br />
===Bold Text===<br />
To make a piece of text bold enclose it in '''[b][/b]'''. For example:<br />
:<code>[b]Hello World[/b]</code> becomes<br />
:'''Hello World'''<br />
<br />
===Underlining===<br />
To make a piece of text underlined, use '''[u][/u]'''. For example:<br />
:<code>[u]Calvin and Hobbes[/u]</code><br />
:<u>Calvin and Hobbes</u><br />
<br />
===Italics===<br />
To italicise text, use '''[i][/i]'''. For example:<br />
:<code>I [i]like[/i] green [i]olives[/i] and ham, Sam I am.</code><br />
:I ''like'' green ''olives'' and ham, Sam I am.<br />
<br />
===Colour===<br />
Changing the colour of text is achieved by wrapping it in '''[color=][/color]'''. You can specify either a recognised colour name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, eg. #FFFFFF, #000000. For example, to create blue text you could use the following:<br />
:<code>The colour [color=blue]blue[/color] is over used on the internet (and windows XP)</code><br />
:The colour blue is over used on the internet (and windows XP)<br />
:::---''Anyone know how to add colour to a wiki page?''<br />
<br />
:<code>[color=#00DEAD]This text is written in the colour 00DEAD[/color]</code><br />
<br />
===Size===<br />
Changing the text size is achieved in a similar way using '''[size=][/size]'''. This tag is dependent on the template you are using but the recommended format is a numerical value representing the text size in pixels, starting at 1 (so tiny you will not see it) through to 29 (very large). For example:<br />
:<code>[size=9]small[/size]</code><br />
:<small>small</small><br />
<br />
:<code>[size=16]BIG[/size]</code><br />
:<big>BIG</big><br />
<br />
===Centred Text===<br />
Text can be centred by wrapping it in '''[center][/center]''' tags. For example:<br />
:<code>[center]Welcome to CompSci.ca[/center]</code><br />
<br />
==Coding==<br />
There are two ways of displaying code in a friendly manner that will not get you yelled at.<br />
<br />
===Basic Monospaced Code Tags===<br />
If you want to output a piece of code or in fact anything that requires a fixed width with a Courier-type font, you can enclose the text in '''[code][/code]''' tags. The following is some Ruby code, as you would type it into the reply box:<br />
[[Image:BBCode_Code_Image.JPG|thumbnail|300px|right|Making a class method private in [[Ruby]]]]<br />
[code]<br />
class << Foo<br />
def class_method<br />
puts "class method"<br />
end<br />
private :class_method<br />
end<br />
Foo.class_method # --> Error!<br />
[/code]<br />
<br />
===Syntax Highlighting===<br />
[[CompSci.ca]] also supports syntax highlighting. To use it, wrap your code in '''[syntax="language_name"][/syntax]''' tags. For example:<br />
[[Image:Syntax_highlighting.JPG|thumbnail|300px|right|Hello World in [[Java]]]]<br />
[syntax="java"]<br />
public class HelloWorld<br />
{<br />
public static void main(Str<br />
1000<br />
ing[] args)<br />
{<br />
System.out.println("Hello world!");<br />
}<br />
}<br />
[/syntax]<br />
<br />
Syntax highlighting will not work unless specific conditions are met.<br />
*Do not start the string with an upper case letter. "java" is used, not "Java".<br />
*Insert non-formatted text hereUse letters only. "cpp" is used, not <nowiki>"c++"</nowiki><br />
*Not all languages are supported.<br />
<br />
*The supported languages include: French ActionScript ("actionscript-french"), ActionScript ("actionscript"), ADA ("ada"), Apache ("apache"), AppleScript ("applescript"), ASM ("asm"), ASP ("asp"), AutoIt("autoit"), Bash ("bash"), Blitz Basic ("blitzbasic"), C ("c"), ("caddcl"), CadLisp("cadlisp"), CFM ("cfm"), C++ ("cpp"), C# ("csharp"), CSS ("css"), C Mac("c_mac"), D ("d"), Delphi ("delphi"), Diff ("diff"), Div ("div"), Dos ("dos"), Eiffel ("eiffel"), Free Basic("freebasic"), GML ("gml"), Haskell("haskell"), HTML 4 - Strict ("html4strict"), INI ("ini"), INNO ("inno"), Java ("java"), Java 5("java5"), JavaScript("javascript"), Lisp("lisp"), LUA("lua"), MatLab("matlab"), MPasm("mpasm"), MySQL("mysql"), NSIS ("nsis"), Objective C("objc"), O'Caml-Brief("ocaml-brief"), O'Caml ("ocaml"), OOBas ("oobas"), ("oracle8"), PASCAL ("pascal"), Perl ("perl"), PHP-Brief ("php-brief"), PHP("php"), Python ("python"), QBasic("qbasic"), Robots("robots"), Ruby ("ruby"), Scheme ("scheme"), SDL Basic("sdlbasic"), Smarty ("smarty"), SQL ("sql"), TSQL ("tsql"), Turing("turing"), Visual Basic ("vb"), Visual Basic.Net ("vbnet"), VHDL ("vhdl"), Visual FoxPro("visualfoxpro"), and XML ("xml").<br />
<br />
*Some of these tags require special formatting to work, thy will will posted in due time.<br />
<br />
==Quoting==<br />
There are two ways you can quote text: with a reference or without.<br />
<br />
===Basic Quoting===<br />
To create a basic quote, wrap the quotation in '''[quote][/quote]''' tags. For example:<br />
[[Image:Basic_Quote.JPG|thumbnail|300px|right|An anonymous quotation]]<br />
[quote]<br />
God is man's way of glorifying his own importance.<br />
[/quote]<br />
<br />
===Reference Quoting===<br />
To create a quotation and show who said it, wrap the quotation in '''[quote="name"][/quote]''' tags, where ''name'' represents the name of the person or thing that said the quotation. For example:<br />
[[Image:Reference_quote.JPG|thumbnail|250px|right|[[wtd]]'s famous quote]]<br />
[quote="wtd"]<br />
Don't reinvent the wheel if there's an existing library function to do it for you.<br />
[/quote]<br />
<br />
==Lists==<br />
We can create ordered and un-ordered lists with BBCode. <br />
<br />
===Un-ordered Lists===<br />
There are two types of unordered lists.<br />
<br />
====Non-bulleted Lists====<br />
To create an un-ordered, non-bulleted list, wrap the contents in '''[list][/list]''' tags. This will indent all text within the list tags. For example:<br />
[list]<br />
Pirate<br />
Ninja<br />
Foo<br />
[/list]<br />
:This produces the following each of the three words on their own line, indented. [[Cervantes]] has used this to indent sections of his tutorials. A good example of this can be seen in [http://www.compsci.ca/v2/viewtopic.php?t=9634 The Introduction to Turing] tutorial.<br />
<br />
====Bulleted Lists====<br />
To create an un-ordered, bulleted list, wrap the contents in '''[list][/list]''' tags. A bullet is represented by '''[*]'''. For example:<br />
[[Image:Bullets.JPG|thumbnail|100px|right|A bulleted list on [[CompSci.ca]]]]<br />
[list]<br />
[*]Pirate<br />
[*]Ninja<br />
[*]Foo<br />
[/list]<br />
<br />
===Ordered Lists===<br />
There are two types of ordered lists. They are quite similar to the non-ordered, bulleted list, except instead of bullets, they use digits or letters. To create an ordered list, wrap the contents in either '''[list=1][/list]''' or '''[list=a][/list]''' tags. Each line is prefixed by a '''[*]''', as in the non-ordered, bulleted list. For example:<br />
[[Image:Ordered_list.JPG|thumbnail|100px|right|An ordered list on [[CompSci.ca]]]]<br />
[list=1]<br />
[*]Pirate<br />
[*]Ninja<br />
[*]Foo<br />
[/list]<br />
<br />
==URL Links==<br />
BBCode allows us to insert links, or hypertext. There are two types of links.<br />
<br />
===Basic Link===<br />
To create a basic link, wrap the URL in '''[url][/url]''' tags. For example:<br />
:<code><nowiki>[url]http://www.google.ca[/url]</nowiki></code><br />
:This produces the phpBB equivalent of [http://www.google.ca http://www.google.ca]<br />
<br />
===Named Link===<br />
To make text link to a webpage, wrap the text in '''[url="place complete URL here"][/url]''' tags. For example:<br />
:<code><nowiki>[url=http://maddox.xmission.com/]The Worst Page in the Universe[/url]</nowiki></code><br />
:This produces the phpBB equivalent of [http://maddox.xmission.com/ The Worst Page in the Universe]<br />
<br />
==Inserting Images==<br />
[[Image:OniTony.jpg|thumbnail|100px|right|Oni [[Tony]]]]<br />
BBCode allows us to insert images into th<br />
1000<br />
e forums. Go easy on this, however. Inserting large images will get you in trouble. If you want to insert a large image, you can make a [[thumbnail]] of it.<br />
<br />
To insert an image, wrap the URL to the image in '''[img][/img]''' tags. For example:<br />
:<code><nowiki>[img]http://www.compsci.ca/wiki/images/7/7d/OniTony.jpg[/img]</nowiki></code><br />
:This inserts the image into the forum, located at the left.<br />
<br />
==Combining Formatting Tags==<br />
BBCode tags may be combined to produce, for example, bold, italicized, and large text. To do this, place all the initial tags one after each other, followed by the text, followed by the closing tags. For example:<br />
:<code>This text will [b][i][size=16]really[/size][/i][/b] stick out!</code><br />
:This text will '''''<big>really</big>''''' stick out!<br />
<br />
<br />
[[Image:Logo phpBB-6.gif|thumbnail|200px|right|[[CompSci.ca]] logo]]<br />
:<code><nowiki>[url=http://www.compsci.ca/v3/index.php]</nowiki></code><br />
<br />
:<code><nowiki>[img]http://compsci.ca/v3/templates/subSilver/images/logo_phpBB.gif[/img]</nowiki></code><br />
<br />
:<code>[/url]</code><br />
<br />
:This produces the CompSci.ca logo, and the image links to the CompSci.ca forum index.<br />
<br />
==Staff Only BBCodes==<br />
Curently (as of [[V2]]) there is only one bbcode that can only be used by some of the staff. However this may chage come the adadtion of [[V3]] and many new BBCodes (see V3 BBCodes).<br />
<br />
===Mod Tag===<br />
This tag can only be used by a user who has mod powers in the forum in question. It places a message in a box like the qoute and code tags but stands out more. Also it has the nice effect of making the post uneditable by anyone who dose not have mod powers in the fourm. The mod tag can be used anonymously or it can state a name the same way the qoute tag works. An exmaple of the mod tag is as fallows:<br />
:<code>[mod="Hacker Dan"]All your base are belong to us.[/mod]</code><br />
:This will put a big red box with the text "All your base are belong to us." in it and a title of "Moderator by Hacker Dan:". <br />
<br />
==V3 BBCodes==<br />
The fallowing are some of the bbcodes being introduced in Verson 3 of the CompSci.ca software. Thess BBCodes are still in testing and may or may not aucatly be in [[V3]] and deftaly will not work on [[V2]].<br />
<br />
===Wiki Tag===<br />
This tag allows us to quickly make a link to a page on the CompSci.ca Wiki by using the falowing tag and the page name. For Example:<br />
:<code>[wiki]BBcode[/wiki]</code><br />
:This will make a link to this page on the wiki.<br />
<br />
===Google Tag===<br />
Like the wiki tag this will make a link to sreach [[Google]] for the given text. This is usefull when directing users to sreach google for help. Example:<br />
:<code>[Google]CompSci[/google]</code><br />
:This will make a link to sreach google for CompSci<br />
<br />
===Yahoo Tag===<br />
Excatly like the Google tag but uses the [[Yahoo]] sreach engion. Example:<br />
:<code>[Yahoo]CompSci[/Yahoo]</code><br />
:This will make a link to sreach yahoo for CompSci<br />
<br />
===Ebay Tag===<br />
Like the above tags the ebay tag will sreach [[Ebay]] for an item listed. Example:<br />
:<code>[Ebay]Laptops[/Ebay]</code><br />
:This will make a link to sreach ebay for laptops<br />
<br />
===Username Tag===<br />
Simpley puts your username inplace of the tag. Example:<br />
:<code>[username]</code><br />
:Will put your username in place of the tag.<br />
<br />
===Strike Tag===<br />
Atacks the same as the the strike html tag and puts a strike threw the text. Example:<br />
:<code>[strike]Tony is the coolest[/strike]</code><br />
:Will output <strike>Tony is the coolest</strike><br />
<br />
===Footnote Tag===<br />
This atacks much like footnotes in word processors and will put a number with the footnote at the bottom of the post. Example:<br />
:<code>Dan[footnote]Dan is a hacker[/footnote] likes popcorn.</code><br />
:Will put "Dan<b><i>^1</i></b> likes popcorn" with ^1 being an supercased 1 and "<b><i>1. Dan is a Hacker</i></b>" at the end of the post.<br />
<br />
===Offtopic Tag===<br />
This puts th<br />
1000<br />
e words Offtopic in front of the taged text as well as making it italicesed and blue. Example:<br />
:<code>[offtopic]Martin is a lamer mod[/offtopic]</code><br />
:Will output "<i>Offtopic: Martin is a lamer mod</i>" in a blue color. <i>Pic to come when v3 realsed</i>.<br />
<br />
===Spoiler Tag===<br />
Ment for posts that may give somthing away the user may not whont to see right away. Like some tutorals or moive/game reviews (not that we get many of them). Example:<br />
:<code>[spoiler]Neo is the one[/spoiler]</code><br />
:This will output a black box with the title spolier that can only be read when the text is highlighted with a mouse. <i>Pic to come when v3 realsted</i>.<br />
<br />
===Tab Tag===<br />
Alows for tabs to be placed in posts, witch can be quite usefull some times esptaly with code exmaples.<br />
:<code>[Tab]Hello World</code><br />
:Will out put " Hello World" where the space is one tab length.</div>DtY