![]() * Makes each section start on a new page */ Nam ullamcorper felis urna, in vestibulum enim semper euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. ![]() Here are some techniques you can use to control the page flow on your sheet: /* Your sheet HTML file: */ In the beginning of this article we mentioned that browsers offered us some tools to control how content should be displayed across multiple pages. * Rules outside any media query will apply on anyįont-size: print (orientation: landscape) Page Breaks Here is a summary of how this works out: /* Your sheet CSS file: */ If your sheet is not using the legacy mode, you may use media queries to conditionally specify styles that will only apply when printing your character sheet. Media queries allow you to apply CSS styles depending on a device's general type or other characteristics such as screen resolution or browser viewport width (1). Or we could have another section where the player lists the equipment that their character is carrying.īrowsers do provide methods to specify how content is broken across multiple pages however, at the current moment, they are far from perfect, especially when it comes to using newer layout techniques like Flexbox and Grid. We could, for example, have a dynamically populated section in one sheet with 4 items while the same section in another sheet has 36 items. Unlike a book, where the designer has total control of the amount of data in a single page, when dealing with web pages, and thus character sheets, the degree of control is much smaller. This document does not aim to be a complete technical guide on how to make your character sheet printable, but rather a summary of things you need to know.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |