Heroes of the Storm Forums

1. Welcome to the Jungle 1.1 goto and anchor 1.2 Are You Ready? 1.3 I'm Ready Just Show Me The Template!

I'm back with a snazzy new template that should make guide author's lives a LOT easier, at least if they want to make a nice looking Table of Contents for their guide. :)


[goto] and [anchor]

---

First, I am going to explain to you how [goto] and [anchor] works.

[goto] makes the clickable link that will direct you to the matching [anchor] tag.

So, if you want your chapter "Introduction" to be linked in your table of contents, you would need to make a [goto=Introduction]Text goes here...[/goto] link, similar to a [url] link. Now, this link will take you to the closest anchor tag with a matching name. So, you would put [anchor=Introduction] at the start of your Introduction chapter.

NOW YOU MAY FORGET EVERYTHING BUT THE ANCHOR LINK!

My template will automatically make a goto link for your table of contents chapters with the same name as you put for the chapter. So, above if my chapter name is "Are You Ready?" then the anchor will have to be [anchor=Are You Ready?]. Beware it IS case sensitive!

I've gone ahead and attached a [anchor=Are You Ready?] anchor to the box below. Go ahead, try clicking on the "So I herd..." chapter in the table of contents at the top!

Are You Ready?

How To Use the Template

---

The template requires input for every big chapter / chapter you want. It has a simple naming convention, just remember:

• template="Guide Table of Contents"
• big-chapter-x="Big chapter title here"
• chapter-x-y="chapter title here"

Just repeat for every big chapter and subchapter you want. Numbers only go up to 9 for both big and little chapters. So, if you want big chapter 1 to be "Introduction" and chapter 1.1 to be "Who am I?" you would write...

[template="Guide Table of Contents" big-chapter-1="Introduction" chapter-1-1="Who am I?"]

which would make...

1. Introduction 1.1 Who am I?

As your table of contents gets longer it will become a pretty long string of code, however, let me promise you this is 1000 times easier than writing the actual table of contents code every time. Let me show you an example from a guide I recently coded:

"Hand-written" ToC 1. Introduction 1.1 Why Mecha Wonder Woman? 2. Amplifiers 2.1 Mods 2.2 Augments 3. Abilities 4. Stolen Powers 5. Items 5.1 Starting Items 5.2 Core Items 5.3 Late Game Items 5.4 Optional Items 5.5 Item Build Order 5.6 Complete Build 6. Gameplay 6.1 Early Game 6.2 Mid Game 6.3 Late Game 6.4 Kiting and how to play teamfights correctly 7. The End CODE Code: [table][tr][td bgcolor="2a2a2a" padding="5px"] [table][tr][td bgcolor="1a1a1a" padding="10px"] [size=5][goto=introduction][color=#ab75df]1.[/color] [color=#ffffff]Introduction[/color][/goto][/size] [space][space][space][color=#8560a8]1.1[/color] [goto=why-mecha-wonder-woman][color=#f8f8f8]Why Mecha Wonder Woman?[/color][/goto] [size=5][goto=amplifiers][color=#ab75df]2.[/color] [color=#ffffff]Amplifiers[/color][/goto][/size] [space][space][space][color=#8560a8]2.1[/color] [goto=mods][color=#f8f8f8]Mods[/color][/goto] [space][space][space][color=#8560a8]2.2[/color] [goto=augments][color=#f8f8f8]Augments[/color][/goto] [size=5][goto=abilities][color=#ab75df]3.[/color] [color=#ffffff]Abilities[/color][/goto][/size] [size=5][goto=stolen-powers][color=#ab75df]4.[/color] [color=#ffffff]Stolen Powers[/color][/goto][/size] [size=5][goto=items][color=#ab75df]5.[/color] [color=#ffffff]Items[/color][/goto][/size] [space][space][space][color=#8560a8]5.1[/color] [goto=starting-items][color=#f8f8f8]Starting Items[/color][/goto] [space][space][space][color=#8560a8]5.2[/color] [goto=core-items][color=#f8f8f8]Core Items[/color][/goto] [space][space][space][color=#8560a8]5.3[/color] [goto=late-game-items][color=#f8f8f8]Late Game Items[/color][/goto] [space][space][space][color=#8560a8]5.4[/color] [goto=optional-items][color=#f8f8f8]Optional Items[/color][/goto] [space][space][space][color=#8560a8]5.5[/color] [goto=item-build-order][color=#f8f8f8]Item Build Order[/color][/goto] [space][space][space][color=#8560a8]5.6[/color] [goto=complete-build][color=#f8f8f8]Complete Build[/color][/goto] [size=5][goto=gameplay][color=#ab75df]6.[/color] [color=#ffffff]Gameplay[/color][/goto][/size] [space][space][space][color=#8560a8]6.1[/color] [goto=early-game][color=#f8f8f8]Early Game[/color][/goto] [space][space][space][color=#8560a8]6.2[/color] [goto=mid-game][color=#f8f8f8]Mid Game[/color][/goto] [space][space][space][color=#8560a8]6.3[/color] [goto=late-game][color=#f8f8f8]Late Game[/color][/goto] [space][space][space][color=#8560a8]6.4[/color] [goto=kiting][color=#f8f8f8]Kiting and how to play teamfights correctly[/color][/goto] [size=5][goto=the-end][color=#ab75df]7.[/color] [color=#ffffff]The End[/color][/goto][/size] [/td][/tr][/table] [/td][/tr][/table]

Template ToC 1. Introduction 1.1 Why Mecha Wonder Woman? 2. Amplifiers 2.1 Mods 2.2 Augments 3. Abilities 4. Stolen Powers 5. Items 5.1 Starting Items 5.2 Core Items 5.3 Late Game Items 5.4 Optional Items 5.5 Item Build Order 5.6 Complete Build 6. Gameplay 6.1 Early Game 6.2 Mid Game 6.3 Late Game 6.4 Kiting and how to play teamfights correctly 7. The End CODE Code: [template="Guide Table of Contents" big-chapter-1="Introduction" chapter-1-1="Why Mecha Wonder Woman?" big-chapter-2="Amplifiers" chapter-2-1="Mods" chapter 2-2="Augments" big-chapter-3="Abilities" big-chapter-4="Stolen Powers" big-chapter-5="Items" chapter-5-1="Starting Items" chapter-5-2="Core Items" chapter-5-3="Late Game Items" chapter-5-4="Optional Items" chapter-5-5="Item Build Order" chapter-5-6="Complete Build" big-chapter-6="Gameplay" chapter-6-1="Early Game" chapter-6-2="Mid Game" chapter-6-3="Late Game" chapter-6-4="Kiting and how to play teamfights correctly" big-chapter-7="The End"]

That being said, this also served as a tutorial on how to make table of contents yourself. So, if you feel like making your own custom one, knock yourself out. Personally, I will be sticking to the template from now on! >:D

After you make your table of contents you just have to put the anchor links (read above) in the proper places throughout your guide. The anchor name will be the same as the chapter name!

I hope you guys enjoy this template, I thought it would make your lives a lot easier! :)

If you have any questions just post them below. I know this one is more complicated than the last so, I'll be here to help you out!

thanks man! this really helps:)

Sick, a ToC! I'll definitely be using this.

Thanks mate.

I look forward to seeing it in your guides! ^_^

Epic nice, added it to my guide and this was really streamlined from the original code. Just looking at it hurts my head.

Thanks for including the original code by the way, the "goto" tags are great for non-Tabled quick-links!

Yeah, I know what you mean, they even give me headaches haha.

Your guide is looking great! ^_^