Tessisamess

The Handbook: Guide Reader


LIVE PREVIEW


Information

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!

IMAGES
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!

Comments

From:
(will be screened)
(will be screened)
Identity URL: 
Username:
Password:
Don't have an account? Create one now.
Subject:
No HTML allowed in subject
  
Message:
 
Notice! This user has turned on the option that logs your IP address when posting.