get
prime

General Guide by Hawkken

Not Updated For Current Season

This guide has not yet been updated for the current season. Please keep this in mind while reading. You can see the most recently updated guides on the browse guides page.


25K
Views
51
Comments
49
Votes
League of Legends Build Guide Author Hawkken

BBCode codex - How to super-design your guide

Hawkken Last updated on March 19, 2014
Like Build on Facebook Tweet This Build Share This Build on Reddit
Guide Top

Author's legacy

Current author: throatslasher [North America]

Original author: Hawkken [EU West]

Spoiler: Click to view
............


Guide Top

Introduction

Simple reference guide explaining BBCode!

It is intended for guide writers & designers,
providing them with tools to design guides!

No ********, just pure code!


Guide Top

Layout


Code:
[ ] GENERIC CODE1 [/ ] [ ] SPECIFIC CODE1 [/ ]
oooooooooooooooooooooooooooooooooooo
Code:
[ ] GENERIC CODE2 [/ ] [ ] SPECIFIC CODE2 [/ ]
oooooooooooooooooooooooooooooooooooo





RESULTS of SPECIFIC CODE


ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*ADDITIONAL INFORMATION & LINKS



oooooo


Guide Top

Text - Bolded


Code:
[b] [/b] [b]Hakuna matata[/b]





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Colored


Code:
[color= ] [/color] [color=blue]Hakuna matata[/color]
oooooooooooooooooooooooooooooooooooo
Code:
[color=# ] [/color] [color=#0000FF]Hakuna matata[/color]
oooooooooooooooooooooooooooooooooooo




Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Color chooser



oooooo


Guide Top

Text - Header 1


Code:
[h1] [/h1] [h1]Hakuna matata[/h1]





Hakuna matata


ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Header 2


Code:
[h2] [/h2] [h2]Hakuna matata[/h2]





Hakuna matata


ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Header 3


Code:
[h3] [/h3] [h3]Hakuna matata[/h3]





Hakuna matata


ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Header 4


Code:
[h4] [/h4] [h4]Hakuna matata[/h4]





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Header 5


Code:
[h5] [/h5] [h5]Hakuna matata[/h5]





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Italicized


Code:
[i] [/i] [i]Hakuna matata[/i]





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Strikethrough


Code:
[s] [/s] [s]Hakuna matata[/s]





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Subscript & Superscript


Code:
[sub] [/sub] [sub]Hakuna[/sub]
oooooooooooooooooooooooooooooooooooo
Code:
[sup] [/sup] [sup]matata[/sup]
oooooooooooooooooooooooooooooooooooo




Hakunamatata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Underlined


Code:
[u] [/u] [u]Hakuna matata[/u]





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Quote


Code:
[quote= ] [/quote] [quote=Hawkken]Hakuna matata[/quote]





Hawkken wrote:
Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Text - Code


Code:
(code) (/code) (code)[b]Hakuna matata[/b](/code)





Code:
[b]Hakuna matata[/b]

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Use these [ ] instead of these ( )



oooooo


Guide Top

Position - Center


Code:
[center] [/center] [center]Hakuna matata[/center]





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Already centered



oooooo


Guide Top

Position - Columns


Code:
[columns] [nextcol] ... [/columns] [columns] [color=black]oooooooooooo[/color] [nextcol]FIRE [icon=brand size=100] [nextcol] [color=black]ooooo[/color] [nextcol]FROST [icon=anivia size=100] [nextcol] [color=black]ooooo[/color] [nextcol]THUNDER [icon=volibear size=100] [/columns]





oooooooooooo
FIRE

ooooo
FROST

ooooo
THUNDER

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Select all to see everything



oooooo


Guide Top

Position - Float


Code:
[img= float= ] [img=http://edge1.mobafire.com/images/noavatar.png float=right]






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Position - Indent


Code:
[indent] [/indent] [indent]Hakuna matata[/indent]





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Not centered



oooooo


Guide Top

List - Bulleted


Code:
[list] [*] ... [/list] [list] [*] element A [*] element B [*] element C [/list]





  • element A
  • element B
  • element C

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

List - Numeric


Code:
[list= ] [*] ... [/list] [list=1] [*] element A [*] element B [*] element C [/list]





  1. element A
  2. element B
  3. element C

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

List - Randomized


Code:
[randomize] [ri] ... [/randomize] [randomize] [ri] [icon=brand size=100] [ri] [icon=nocturne size=100] [ri] [icon=volibear size=100] [/randomize]






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Chooses a random picture and sticks with it.



oooooo


Guide Top

Element - Anchor


Code:
[anchor= ] [anchor=elementAnchor]





*Anchors are invisible

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*See chapter GOTO Linking



oooooo


Guide Top

Element - Graphics


Code:
[img= ] [img=http://edge1.mobafire.com/ images/noavatar.png]
oooooooooooooooooooooooooooooooooooo
Code:
[img] [/img] [img]http://edge1.mobafire.com/ images/noavatar.png[/img]
oooooooooooooooooooooooooooooooooooo




ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Element - Icon


Icon


Code:
[icon= ] [icon=janna]






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Icon + size


Code:
[icon= size= ] [icon=janna size=100]






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Wiki icon


Code:
[[ ]] [[nocturne]]






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Wiki icon + color


Code:
[color= ][[ ]][/color] [color=aqua][[nocturne]][/color]
oooooooooooooooooooooooooooooooooooo
Code:
[wiki= color= ] [wiki=nocturne color=aqua]
oooooooooooooooooooooooooooooooooooo





ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Element - Ruler


Code:
----- element A ----- element B
oooooooooooooooooooooooooooooooooooo
Code:
[rule] element A [rule] element B
oooooooooooooooooooooooooooooooooooo




element A
element B

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Minimum 5 hyphens



oooooo


Guide Top

Element - Video


Code:
[embed= ] [embed=http://www.youtube.com/ watch?v=xB5ceAruYrI]
oooooooooooooooooooooooooooooooooooo
Code:
[embed] [/embed] [embed]http://www.youtube.com/ watch?v=xB5ceAruYrI[/embed]
oooooooooooooooooooooooooooooooooooo




ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Also good for other media



oooooo


Guide Top

Advanced BBCode - Planner


Abilities


Code:
[abilities= champion=" "] [abilities=qqqqqwwwwweeeeerrr champion="sona"]





Ability Sequence
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18







Items


Code:
[items= ] [items=http://www.mobafire.com/league-of-legends/item-purchase-planner#&item=1-27-28]





Item Sequence











Health Potion
50

Mana Potion
35



*Item Planner




Masteries


Code:
[masteries= ] [masteries=http://www.mobafire.com/league-of-legends/mastery-tree-planner# &tree1=0-0-0-0-0-0-0-0-0-0-0-0-0-0-0-0-0 &tree2=0-0-0-0-0-0-0-0-0-0-0-0-0-0-0-0 &tree3=0-3-0-1-4-0-0-0-0-0-0-0-0-0-0-0&v=2]





Masteries
3/5
1/1
4/1



*Write code in 1 line
*Mastery Planner





Runes


Code:
[runes= ] [runes=http://www.mobafire.com/league-of-legends/rune-page-planner#&rune=332:9-269:9-354:9]





Runes

Greater Mark of Scaling Mana
9

Greater Seal of Scaling Mana
9

Greater Glyph of Scaling Mana
9



*Rune Planner




Guide Top

Advanced BBCode - Planner shortcuts


Single build


Code:
[abilities] [items] [masteries] [runes]





*Planner data is copied from your only build.

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Multiple builds


Code:
[abilities= ] [items= ] [masteries= ] [runes= ]





*Planner data is copied from the specified build.

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Builds are numbered 1 - 10



oooooo


Guide Top

Advanced BBCode - Spoiler


Image


Code:
[spoiler] [/spoiler] [spoiler][img=http://edge1.mobafire.com/images/noavatar.png][/spoiler]





Spoiler: Click to view

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Text


Code:
[spoiler] [/spoiler] [spoiler]Hakuna Matata[/spoiler]





Spoiler: Click to view

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

GOTO Linking


Code:
[goto= ] [/goto] [goto=elementAnchor]Jump to your anchor[/goto]






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Watch URL
*See chapter Element - Anchor



oooooo


Guide Top

URL Linking


Code:
[url] [/url] [url]http://www.mobafire.com[/url]






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

URL Masking


Image


Code:
[url= ][img= ][/url] [url=http://www.mobafire.com][img=http://edge1.mobafire.com/images/noavatar.png][/url]






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Text


Code:
[url= ] [/url] [url=http://www.mobafire.com]Mobafire - Strategy Guides[/url]






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Guide Top

Final Thoughts


If BBCode codex helped you, consider adding the following line to your guide:


Code:
[url=www.mobafire.com/league-of-legends/build/bbcode-codex-154755]BBCode codex[/url]

Internet Explorer Ban

You can also.and.+Rep.if you so desire :)


Mobafire

General Guides

League of Legends

More Guides

The Charts


Featured

30 Days

All Time

Popular
Top Guide by Champion