Mobafire League of Legends Build Guides Mobafire League of Legends Build Guides
's Forum Avatar

10 second guide to making a custom table of...

Creator: astrolia March 23, 2013 2:08pm
1 2
astrolia
<Fabulous>
astrolia's Forum Avatar
Show more awards
Posts:
1168
Joined:
Sep 24th, 2011
Permalink | Quote | PM | +Rep | Commend March 23, 2013 2:08pm | Report

Step 1: Put all of your guide contents in one chapter


Mobafire won't automatically generate chapters for you if there's only one chapter.
So, to make a custom table of contents, first put all of your guide content in one chapter.
You can make your own chapters then by setting anchors.

Note: This assumes you have a basic grasp of bbcode.




Step 2: Set anchors at places in your guide content


Let's say I have an Annie guide and it has 2 chapters named "Building Annie" and "Playing Annie". I want to make a custom table of contents, so I'll need 2 anchor tags: One at the "Building Annie" section, and one at the "Playing Annie" section.

Example:
Code:
[anchor=building][h1]Building Annie[/h1] Blah blah blah text goes here. [anchor=playing][h1]Playing Annie[/h1] Blah blah blah text goes here.




Step 3: Set tags that jump to your anchors


So in my custom table of contents, I want to make 2 links, one that goes to the "building" chapter, and one that goes to the "playing" chapter.

You can do this with url:
Code:
Table of Contents - [url=#building]Building Annie[/url] - [url=#playing]Playing Annie[/url]

Or goto:
Code:
Table of Contents - [goto=building]Building Annie[/goto] - [goto=playing]Playing Annie[/goto]

I don't know about the differences between the two methods aside from the # being needed for the url version since I'm not really an authority on Mobafire's programming.




Optional: Customize your table of contents


You can leave it your table of contents as just those text links, or you can do something fancy.

Example - Dressing up your text links with colors/other fonts

This text has a lot of bbcode on it to make it look like this.
Code:
[font=georgia][size=6][i][color=#c2a5d5][url=#building]2. building[/url][/color][/i][/size][/font] [size=2]what runes, masteries and summoners should i use?[/size]

Another example - Using images instead of text

For this one, each chapter title image is coded like this:
Code:
[goto=intro][img=http://i.imgur.com/rVE19dJ.png][/goto]




Optional 2: Link back to your table of contents


Say I want to make a "go back to the table of contents" link beneath the chapters in my Annie guide. You can put an anchor in front of your table of contents, then make links that jump back to it.

Code:
[anchor=tableofcontents]Table of Contents - [url=#building]Building Annie[/url] - [url=#playing]Playing Annie[/url] [anchor=building][h1]Building Annie[/h1] Blah blah blah text goes here. [url=#tableofcontents]back to top[/url] [anchor=playing][h1]Playing Annie[/h1] Blah blah blah text goes here. [url=#tableofcontents]back to top[/url]
hi embracing. yes i play ff14 now.
Meiyjhe
<Member>
Meiyjhe's Forum Avatar
Show more awards
Posts:
6509
Joined:
Oct 27th, 2012
Permalink | Quote | PM | +Rep | Commend March 23, 2013 2:16pm | Report
I can definately use this :D

Thank you :D
Change is gooooood
Picture by: Bludes
Want to advertise your guide, but don't know where? Click here for an opportunity of a lifetime!
jhoijhoi
<MOBAFire Mother>
jhoijhoi's Forum Avatar
Show more awards
Posts:
14061
Joined:
Mar 20th, 2011
Permalink | Quote | PM | +Rep | Commend March 23, 2013 5:07pm | Report
It's good that you posted this, because for the life of me, I can't find the original one that used to be linked in "Useful Links". I thought Hypershatter or Sixsonatas wrote it, but eeeugh, can't find it. I'm sure this will help a lot of people!
tehAsian
<Veteran>
tehAsian's Forum Avatar
Show more awards
Posts:
3721
Joined:
Jul 20th, 2011
Permalink | Quote | PM | +Rep | Commend March 23, 2013 5:25pm | Report
Astrolia, where do you learn all this stuff about coding? :O
LaCorpse's Signature Cafe


Thanks to Keondre, JhoiJhoi, Xiron, and Arcana3 for the Sigs~!
LiLStormcloaK
<Member>
LiLStormcloaK's Forum Avatar
Show more awards
Posts:
662
Joined:
Jan 22nd, 2012
Permalink | Quote | PM | +Rep | Commend March 23, 2013 9:39pm | Report
Thanks for making this, it's very useful.
Satella
<Scout>
Satella's Forum Avatar
Show more awards
Posts:
1836
Joined:
Nov 23rd, 2012
Permalink | Quote | PM | +Rep | Commend March 29, 2013 9:27am | Report
tehAsian wrote:

Astrolia, where do you learn all this stuff about coding? :O

Mobafire BBCode documentation is buried in god knows where. I had to search for like a week to find it before this thread was made.
Rewriting Riven Guide Useful Programs Thread Sig making
Lexosceles
<Member>
Lexosceles's Forum Avatar
Posts:
58
Joined:
Jul 28th, 2012
Permalink | Quote | PM | +Rep | Commend April 2, 2013 1:39am | Report
Yes! I love you guys.... I was just about to tear apart the internet and your zyra guide looking for this info! Bookmarked! :D
devdevil
<Member>
devdevil's Forum Avatar
Show more awards
Posts:
1397
Joined:
Sep 3rd, 2012
Permalink | Quote | PM | +Rep | Commend April 2, 2013 10:08pm | Report
Oh my gosh, I was wondering how to get that font xD

Thank you so much!


Hey you! Yeah you! Just wanted to let you know you're awesome!
TROLLing1999
<Member>
TROLLing1999's Forum Avatar
Show more awards
Posts:
1182
Joined:
Apr 3rd, 2013
Permalink | Quote | PM | +Rep | Commend July 26, 2013 10:18am | Report
one difference between the gotto and the url system is that url allows you to choose any colour you want while when using goto u can only have the typical colour for links.
XeresAce
<Member>
XeresAce's Forum Avatar
Show more awards
Posts:
2171
Joined:
Nov 18th, 2011
Permalink | Quote | PM | +Rep | Commend July 29, 2013 6:16am | Report
This right here is really helpful :3
1 2

You need to log in before commenting.