League of Legends (LoL) Question: ANSWERED - How to create interactive "banners"?

Posted in General 7,795

ANSWERED - How to create interactive "banners"?

Asked by Tauricus2017 on August 13, 2020

So I recently I have been scrolling through Polarshift's Graves guide and he had those incredible "banners" (I at least hope you call them banners) that could teleport the reader to the very top of the guide. That was absolutely amazing and I would really like to create the same thing for my readers as well. Any ideas How to do that?

Answers (1)

(101) |

Hey hey, here's me again. To answer the question: some pictures. Rather than explaining how to do this one thing I'll just go through all the things you can do. Some notes corresponding to the numbers in the images:

1)		The Chapters Header is a some sort of banner at the start of the guide, it looks a bit like 1' (but not exactly).
2)		"Fade Chapters Header" doesn't seem to have anything to do with 1 (idk why xD). If the box is ticked it will fade the bottom of the chapter banners as seen in the second image. (I will get to chapter banners in 4)). I personally hate this option, so I never tick this box.
3)		The title of a chapter. Whatever you enter here will appear in the sidebar TOC. If you enter nothing, nothing will appear in the sidebar TOC (& some angry red triangle appears, but you can ignore that).
4)		The header image URL. If you have a banner you can essentially enter the image URL here and it will appear as if you put it in the text (except that you'll get a button that teleports you to the top ;) ).
5)		This determines whether the title of the chapter will show on the banner or not, look at the second image for reference. If there is no banner you'll get a bar with text on it instead.

And that's it! If you have any more questions, feel free to ask :D

(120) |

Oh, hello Sandra,

Wait so you are telling me that I am writing guides for almost 3 years and I have never noticed
the "Header image URL" in the guide editor???

Anyway, I have implemented your big-brain knowledge into my guide and everything works. I finally understand all of those buttons in the guide editor... Also thank you for indirect help with Table of Content. I have been testing goto commands to make it interactive but it never really worked. But after noticing the anchor code on the image you posted, I finally realized what I have to do to make goto really work.

Thank you again for your giant support, +Rep is a sure thing to express my thanks. I also added you to "Special thanks" chapter in my guide as you helped me make it a lot better.

Have a ravishing day <3

(101) |

Hey again,

Yes! Ah well, the options have been there ever since the editor got updated (it got launched in November last year). So uh, you had only 9 months to discover it x). I'm glad that I (unintentionally) managed to help with your TOC xD

Gotta say, the interactive banners are definitely an upgrade, they look a lot better than the banners + bar thingies you had in your guide earlier!

Load more comments (1 more replies) →

(120) |

Agreed, the only reason I was tolerating them was because they could easily teleport the reader to Table of Contents, which my banners couldn't, but now, they interfere no more :D

Loading Comments...

Load More Comments