Click to open network menu
Join or Log In
Mobafire logo

Join the leading League of Legends community. Create and share Champion Guides and Builds.

Create an MFN Account






Or

MOBAFire's first Mini Guide Contest of Season 14 is here! Create or update guides for the 30 featured champions and compete for up to $200 in prizes! 🏆
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

x

BBCode codex - How to super-design your guide

BBCode codex - How to super-design your guide

Updated on March 19, 2014
9.2
46
Votes
3
Vote Vote
League of Legends Build Guide Author Hawkken Build Guide By Hawkken 46 3 36,886 Views 51 Comments
46 3 36,886 Views 51 Comments League of Legends Build Guide Author Hawkken Build Guide By Hawkken Updated on March 19, 2014
x
Did this guide help you? If so please give them a vote or leave a comment. You can even win prizes by doing so!
Vote
Comment

You must be logged in to comment. Please login or register.

I liked this Guide
I didn't like this Guide
Commenting is required to vote!
Would you like to add a comment to your vote?

Your votes and comments encourage our guide authors to continue
creating helpful guides for the League of Legends community.

Author's legacy

Current author: throatslasher [North America]

Original author: Hawkken [EU West]

Spoiler: Click to view
............
Back to 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!
Back to Top

Layout


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





RESULTS of SPECIFIC CODE


ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*ADDITIONAL INFORMATION & LINKS



oooooo
Back to Top

Text - Bolded


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





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to 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
Back to Top

Text - Header 1


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





Hakuna matata


ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Text - Header 2


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





Hakuna matata


ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Text - Header 3


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





Hakuna matata


ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Text - Header 4


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





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Text - Header 5


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





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Text - Italicized


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





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Text - Strikethrough


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





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Text - Subscript & Superscript


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




Hakunamatata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Text - Underlined


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





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Text - Quote


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





Hawkken wrote:
Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Text - Code


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





Code:
[b]Hakuna matata[/b]

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Use these [ ] instead of these ( )



oooooo
Back to Top

Position - Center


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





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Already centered



oooooo
Back to 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
Back to Top

Position - Float


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






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to Top

Position - Indent


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





Hakuna matata

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Not centered



oooooo
Back to Top

List - Bulleted


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





  • element A
  • element B
  • element C

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to 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
Back to 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
Back to Top

Element - Anchor


Code:
[anchor= ] [anchor=elementAnchor]





*Anchors are invisible

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*See chapter GOTO Linking



oooooo
Back to 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
Back to 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
Back to 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
Back to 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
Back to 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 0



*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]






*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

Sorcery
Phase Rush



*Rune Planner



Back to 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
Back to 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
Back to Top

GOTO Linking


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






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Watch URL
*See chapter Element - Anchor



oooooo
Back to Top

URL Linking


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






ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo
Back to 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
Back to 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 :)
Download the Porofessor App for Windows

League of Legends Champions:

Teamfight Tactics Guide