Previous | Next

The Handbook: Guide Reader



If you've ever wished you could hand out game guides to your players then this is the code for you! The Handbook can really be whatever you need it to be, whether you want to use it to outline OOC information like rules, mechanics, and FAQs; to house sprawling world information, or anywhere in between. Or hell, use it for something entirely different, yanno?

This demo uses the lovely graphics and theme (with permission) from [info]savagegarden for example purposes! Enjoy! ♥

The Coding

Installation Guide

Paste into a custom style (or off-site equivalent if you don't have a paid account) and fill in the following!

PAGETITLE - Page/tab title
HEADERURL - First page intro header (this image tag can be replaced with text in the heading tag if you prefer!)
Section1 (et al) - Each content section title and corresponding menu link
Information1 (et al) - Each content section body text

Left & Right Aligned Images

Extra: In-Book Columns

If you would like a section of your handbook to have columns of images + info you can paste the following into any section you need it:

Editing Guide

So, just like my last Generator layout, this HTML page utlilizes CSS Variables, as will all my future HTML pages and layouts. What does this mean? A LOT, actually, and it's all good. Now rather than having to run replace all or digging through a sheet to find each color, image, or font you'll be able to change it a single time in :root and it will change all instances of its called name throughout the stylesheet!

https://i.imgur.com/1YtMWWC.png - Tab icon
https://i.imgur.com/ODI6nfI.png - Menu icon

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!


May. 11th, 2018 11:56 pm (UTC)
This is amazing!!!!!!
May. 12th, 2018 02:16 pm (UTC)
This is stunning! Taking it and using it here.