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

[quote=astrolia][h1]Step 1: Put all of your guide contents in one chapter[/h1] 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. [i]Note: This assumes you have a basic grasp of bbcode.[/i] ----- [h1]Step 2: Set anchors at places in your guide content[/h1] 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.[/code] ----- [h1]Step 3: Set tags that jump to your anchors[/h1] 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][/code] Or goto: [code]Table of Contents - [goto=building]Building Annie[/goto] - [goto=playing]Playing Annie[/goto][/code] 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. ----- [h1]Optional: Customize your table of contents[/h1] You can leave it your table of contents as just those text links, or you can do something fancy. [spoiler=Example - Dressing up your text links with colors/other fonts][img=http://puu.sh/2mExw width=500][/spoiler] 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][/code] [spoiler=Another example - Using images instead of text][img=http://puu.sh/2mFUp width=500][/spoiler] For this one, each chapter title image is coded like this: [code][goto=intro][img=http://i.imgur.com/rVE19dJ.png][/goto][/code] ----- [h1]Optional 2: Link back to your table of contents[/h1] 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][/code][/quote]

[quote=Meiyjhe]I can definately use this :D Thank you :D[/quote]

[quote=jhoijhoi]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![/quote]

[quote=tehAsian]Astrolia, where do you learn all this stuff about coding? :O[/quote]

[quote=LiLStormcloaK]Thanks for making this, it's very useful.[/quote]

[quote=Satella][quote=tehAsian] Astrolia, where do you learn all this stuff about coding? :O [/quote] 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.[/quote]

[quote=Lexosceles]Yes! I love you guys.... I was just about to tear apart the internet and your zyra guide looking for this info! Bookmarked! :D[/quote]

[quote=devdevil]Oh my gosh, I was wondering how to get that font xD Thank you so much![/quote]

[quote=TROLLing1999]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.[/quote]

[quote=XeresAce]This right here is really helpful :3[/quote]