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
19 posts page 1 of 2 Forums » Build & Guide Discussion » 10 second guide to making a custom table of contents
Permalink | Quote | PM | +Rep | Commend by astrolia » 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.
astrolia's Forum Avatar

Awards Showcase
Show more awards
astrolia
<Fabulous>
Posts: 1168
Joined: Sep 24th, 2011
Rep: Distinguished (259)
Blog   |   Profile
Permalink | Quote | PM | +Rep | Commend by Meiyjhe » March 23, 2013 2:16pm | Report
I can definately use this :D

Thank you :D
Change is gooooood
Picture by: MrMad2000

Want to advertise your guide, but don't know where? Click here for an opportunity of a lifetime!
Meiyjhe's Forum Avatar

Awards Showcase
Show more awards
Meiyjhe
<Member>
Posts: 6509
Joined: Oct 27th, 2012
Rep: Renowned (535)
Blog   |   Profile
Permalink | Quote | PM | +Rep | Commend by jhoijhoi » 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!
jhoijhoi's Forum Avatar

Awards Showcase
Show more awards
jhoijhoi
<MOBAFire Mother>
Posts: 13961
Joined: Mar 20th, 2011
Rep: Exalted (1943)
Blog   |   Profile
Permalink | Quote | PM | +Rep | Commend by tehAsian » 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~!
tehAsian's Forum Avatar

Awards Showcase
Show more awards
tehAsian
<Veteran>
Posts: 3721
Joined: Jul 20th, 2011
Rep: Distinguished (247)
Blog   |   Profile
Permalink | Quote | PM | +Rep | Commend by LiLStormcloaK » March 23, 2013 9:39pm | Report
Thanks for making this, it's very useful.
LiLStormcloaK's Forum Avatar

Awards Showcase
Show more awards
LiLStormcloaK
<Member>
Posts: 662
Joined: Jan 22nd, 2012
Rep: Memorable (72)
Blog   |   Profile
Permalink | Quote | PM | +Rep | Commend by Satella » 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
Satella's Forum Avatar

Awards Showcase
Show more awards
Satella
<Scout>
Posts: 1836
Joined: Nov 23rd, 2012
Rep: Prominent (177)
Blog   |   Profile
Permalink | Quote | PM | +Rep | Commend by Lexosceles » 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
Lexosceles's Forum Avatar

Lexosceles
<Member>
Posts: 58
Joined: Jul 28th, 2012
Rep: Unremarkable (5)
Profile
Permalink | Quote | PM | +Rep | Commend by devdevil » 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!
devdevil's Forum Avatar

Awards Showcase
Show more awards
devdevil
<Member>
Posts: 1397
Joined: Sep 3rd, 2012
Rep: Memorable (73)
Blog   |   Profile
Permalink | Quote | PM | +Rep | Commend by TROLLing1999 » 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.
TROLLing1999's Forum Avatar

Awards Showcase
Show more awards
TROLLing1999
<Member>
Posts: 1182
Joined: Apr 3rd, 2013
Rep: Notable (48)
Blog   |   Profile
Permalink | Quote | PM | +Rep | Commend by XeresAce » July 29, 2013 6:16am | Report
This right here is really helpful :3
XeresAce's Forum Avatar

Awards Showcase
Show more awards
XeresAce
<Member>
Posts: 2171
Joined: Nov 18th, 2011
Rep: Memorable (91)
Profile

Quick Reply:

Guest commenting is currently disabled, please log in or sign up to respond!