BBCode Guide

[quote=Matt][center][url=http://www.mobafire.com/league-of-legends/wiki/mobafire/bbcode-guide]BBC Code Wiki[/url][/center] This guide will outline all of the available bbcode tags in the system. If you find any missing information or if you would like to request additional tags, just let us know in this thread! [rule] [h1]Text Decoration[/h1] You can wrap your text in these tags as shown. [b]h1, h2, h3, h4, h5, h6[/b]: These will produce section headers of varying size. The title of this section is [[[h1]]]Text Decoration[[[/h1]]]. [b]b, i, u, s[/b]: [[[b]]][b]Bold[/b][[[/b]]], [[[i]]][i]italics[/i][[[/i]]], [[[u]]][u]underline[/u][[[/u]]] and [[[s]]][s]strikethrough[/s][[[/s]]]. [b]sup, sub[/b]: These are [[[sup]]][sup]superscript[/sup][[[/sup]]] and [[[sub]]][sub]subscript[/sub][[[/sub]]]. [b]color[/b]: You can colorize text with this, such as [[[color=#FF3300]]][color=#FF3300]this[/color][[[/color]]] or [[[color=green]]][color=green]this[/color][[[/color]]]. Here are some [url=http://www.computerhope.com/htmcolor.htm]color tables[/url] and also a [url=http://www.colorpicker.com/]color chooser[/url]. [rule] [h1]Inserted Items[/h1] You can use these tags to place the appropriate item where you want. [b]img[/b]: Place an image in your post. [[[img=http://www.domain.com/myimage.jpg]]]. [b]icon[/b]: Insert an icon with tooltip and link, for anything in the LoL database. [[[icon=Name of Item]]]. There is also an optional size parameter you can use to change the width and height in pixels [[[icon=Name of Item size=64]]]. More examples can be found [url=http://www.mobafire.com/league-of-legends/forum/mobafire-support/how-do-i-add-icons-and-images-to-my-guides-and-comments-587]here[/url]. [b]Wiki[/b]: This is a special tag that allows you to insert the icon and name of anything in the LoL database in your text. Similar to the "icon" tag except that it does not accept a size parameter and it will show the full name. Simply type the name in double brackets, such as [[[[Xin Zhao]]]] = [[Xin Zhao]]. Examples of this can be found [url=http://www.mobafire.com/league-of-legends/forum/mobafire-support/how-do-i-add-icons-and-images-to-my-guides-and-comments-587]here[/url]. [b]embed[/b]: Allows you to embed various video and other media from other sites. Usage: [[[embed]]]http://www.sitename.com/link/to/media[[[/embed]]]. It uses the URL to determine what site you are embedding from and then pulls the other necessary data from the URL. Currently supported sites: [list] [*] collegehumor.com [*] gametrailers.com [*] justin.tv [*] livestream.com [*] own3d.tv [*] photosnack.com photo albums [*] ustream.com [*] youtube.com [/list] [b]rule[/b]: Insert a horizontal rule to separate two sections of your document. Each section of this bbcode guide is separated by a [[[rule]]]. [rule] [h1]Blocks and Other Tags[/h1] [b]url[/b]: Link some text or an image to another page, such as [[[url=http://www.google.com]]]google[[[/url]]]. [b]anchor[/b]: Set a position in your text that can be linked directly to. This is best used next to h1/h2 headers in your guide in combination with the "goto" tag to create a table of contents. [[[anchor=nameofanchor]]]. You can then link to your page adding #nameofanchor to the end of the URL, allowing you to link directly to a specific section of your guide. [b]goto[/b]: Similar to URL but this links to a specific anchor you created elsewhere in the page. For example, if you had [[[anchor=conclusion]]] near the end of your guide, you could put [[[goto=conclusion]]]Conclusion[[[/goto]]] at the top to link directly to the bottom without reloading the page. [b]quote[/b]: Quote someone else's text, such as [[[quote=Matt]]]bla bla bla bla[[[/quote]]]. [b]list[/b]: Create a bulleted or numbered list of items. Use [[[list]]] for bullets, or [[[list=1]]] for numbers, such as: [[[list=1]]] [[[*]]] Item 1 [[[*]]] Item 2 [[[*]]] Item 3 [[[/list]]] [b]randomize[/b]: Create a list of items, each of which will show at random one at a time on page load. This is mainly intended for signatures, so that you can have various signatures that change randomly. Example: [[[randomize]]] [[[ri]]] Item 1 [[[ri]]] Item 2 [[[ri]]] Item 3 [[[/randomize]]] [b]Floating[/b]: Floating images allows you to easily position an image to the left or right of your text or other content. You can float any image or icon to the left or right by adding "float=left" or "float=right" to the bbcode. Example: [[[img=/images/something.png float=right]]] or [[[icon=Nunu float=left]]]. When you want to drop below the floated item early you can use the [b]clear[/b] tag. [b]clear[/b]: This is used in conjunction with the floating feature. If you float an image to the left or right of some text and then want to jump below the image just put [[[clear]]].[/quote]

[quote=Restrictnine#5232]Maybe make a link to a BBCode color chart, because very few people know what color #FF4300 is, assuming that is even a color. lol.[/quote]

[quote=Matt]Good idea :)[/quote]

[quote=DEWOs minion]I still don't really get where to get the pics from =[[/quote]

[quote=Scrax]Images of what? Champions? Items? Or just pictures from teh inturwebz?[/quote]

[quote=Matt]What do you mean? You don't know where to find the images to put in (img)(/img)? If you just want to put in the icons for champions/items/abilities/etc... Then you can use the ((Wiki Tags)) or (icon) tags and the image will get pulled in automatically. Or is it something else you want?[/quote]

[quote=DEWOs minion]well first of all thanks for responding so fast, like I'm doing a shen build right now and putting a lot of effort into it so i want it to be nice not crappy. So like if i describe vorpal blade or w.e i would want a pic of vorpal blade and idk where to get that pic. (sorry im young and... not good with computers)[/quote]

[quote=DEWOs minion]OHHHH WAIT!!! so its like (img)vorpal blade(/img)??[/quote]

[quote=Adonikam]You can do (icon=vorpal blade) Swap () with [][/quote]

[quote=DEWOs minion]thank you so much <3[/quote]