Click to open network menu
Search LoL Champions Champ
Search LoL Build Guides Guide
Search MOBAFire Members Member
Search League of Legends Forum Forum
Clear
Free
On Sale
Strong
Popular
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

WildRiftFire CounterStats RuneterraFire SmiteFire DOTAFire HeroesFire VaingloryFire FarmFriends ForzaFire LostArkFire
We're looking for a remote Full-Stack PHP Developer to join our awesome team. Check out all the details here and apply now! 👷‍♂️
Vote Vote
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 37,709 Views 51 Comments
46 3 37,709 Views 51 Comments League of Legends Build Guide Author Hawkken Build Guide By Hawkken Updated on March 19, 2014
Guide Discussion (51) More Guides
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.

Join the MOBAFire Fantasy Tournament

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




Nocturne

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo



oooooo


Wiki icon + color


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



Nocturne

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]




Jump to your anchor

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
*Watch URL
*See chapter Element - Anchor



oooooo
Back to Top

URL Linking


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




http://www.mobafire.com

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]




Mobafire - Strategy Guides

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 Build Guide Author Hawkken
Hawkken Guide
Vote Vote
BBCode codex - How to super-design your guide
Author's legacy
Introduction
Layout
Text - Bolded
Text - Colored
Text - Header 1
Text - Header 2
Text - Header 3
Text - Header 4
Text - Header 5
Text - Italicized
Text - Strikethrough
Text - Subscript & Superscript
Text - Underlined
Text - Quote
Text - Code
Position - Center
Position - Columns
Position - Float
Position - Indent
List - Bulleted
List - Numeric
List - Randomized
Element - Anchor
Element - Graphics
Element - Icon
Element - Ruler
Element - Video
Advanced BBCode - Planner
Advanced BBCode - Planner shortcuts
Advanced BBCode - Spoiler
GOTO Linking
URL Linking
URL Masking
Final Thoughts

League of Legends Champions:

AatroxAhriAkaliAkshanAlistarAmumuAniviaAnnieApheliosAsheAurelion SolAuroraAzirBardBel'VethBlitzcrankBrandBraumBriarCaitlynCamilleCassiopeiaCho'GathCorkiDariusDianaDr. MundoDravenEkkoEliseEvelynnEzrealFiddlesticksFioraFizzGalioGangplankGarenGnarGragasGravesGwenHecarimHeimerdingerHweiIllaoiIreliaIvernJannaJarvan IVJaxJayceJhinJinxK'SanteKai'SaKalistaKarmaKarthusKassadinKatarinaKayleKaynKennenKha'ZixKindredKledKog'MawLeBlancLee SinLeonaLilliaLissandraLucianLuluLuxMalphiteMalzaharMaokaiMaster YiMilioMiss FortuneMordekaiserMorganaNaafiriNamiNasusNautilusNeekoNidaleeNilahNocturneNunu & WillumpOlafOriannaOrnnPantheonPoppyPykeQiyanaQuinnRakanRammusRek'SaiRellRenata GlascRenektonRengarRivenRumbleRyzeSamiraSejuaniSennaSeraphineSettShacoShenShyvanaSingedSionSivirSkarnerSmolderSonaSorakaSwainSylasSyndraTahm KenchTaliyahTalonTaricTeemoThreshTristanaTrundleTryndamereTwisted FateTwitchUdyrUrgotVarusVayneVeigarVel'KozVexViViegoViktorVladimirVolibearWarwickWukongXayahXerathXin ZhaoYasuoYoneYorickYuumiZacZedZeriZiggsZileanZoeZyra
Teamfight Tactics Guide