Finishing touches?

I'm almost done making my sheet, but I have a few things I need to do. The sheet is pretty monochrome, and I want to change that. The aesthetic I'm going for is a file folder, and I want something to emphasize that, like grain of cardboard or coffee stains, any way I can do that? I also want to know if players can add images into the sheet itself. This is just for the sake of looking more like the actual sheet, which has a box for Nose Art. Finally, I want your opinion on it so far. Something else about it feels ugly. Thank you.

I think you could search the web for some free textures and use that for the background. And if you want to increase the "file" look, you could custom the text fields to have same color as the background, and/or change the default fonts of everything to something handwritten if that's what you're aiming for. Can't say anything about the rest.

Andreas J. said: I think you could search the web for some free textures  and use that for the background. And if you want to increase the "file" look, you could custom the text fields to have same color as the background, and/or change the default fonts of everything to something handwritten if that's what you're aiming for. Can't say anything about the rest. How do I implement background textures? I know next to nothing about CSS. I've been getting this far with mostly trial and error. Is there a way to change all the text fields in the CSS section? I'm pretty sure that half the point of CSS is that you can link one line of code to several objects to look the same. How do I change fonts? Now that I know that there is an option to do that, I do want it to have the same font as the real sheet. Thanks again.

To be precise, you'd use the background-image  tag. Example of implementation here . Yeah, that's the point of css. Example of changing the looks of textfields . Fonts CSS

Andreas J. said: To be precise, you'd use the background-image &nbsp;tag. Example of implementation here . Yeah, that's the point of css. Example of changing the looks of textfields . Fonts CSS The text fields and fonts aren't behaving properly. I don't even think I'm putting in proper selectors. * { font-family: "Courier New", Times, serif; } input[type="number"], input[type="text"], { background-image: url(<a href="http://paper-backgrounds.com/textureimages/2012/07/brown-vintage-seamless-paper-texture-pattern.jpg" rel="nofollow">http://paper-backgrounds.com/textureimages/2012/07/brown-vintage-seamless-paper-texture-pattern.jpg</a>); } The fields especially are weird, they fill the fields, but also the area above the tabs.

Don't know what's up with the fonts, but these should at least work in Roll20 . Try removing the asterisk, haven't seen it used like that. If the image doesn't show up, it can be that Roll20 blocks urls that isn't secure, i.e. it might need to start with&nbsp; url(http s ://paper-backgrou...) When having several css classes do the same thing, you separate them by comma, but don't add one after the last one . Try this(and compare it the original): &nbsp;{ &nbsp; &nbsp; font-family: " Patrick Hand" ; &nbsp;&nbsp;&nbsp;&nbsp;background-image: url(<a href="http://paper-backgrounds.com/textureimages/2012/07/brown-vintage-seamless-paper-texture-pattern.jpg" rel="nofollow">http://paper-backgrounds.com/textureimages/2012/07/brown-vintage-seamless-paper-texture-pattern.jpg</a>);&nbsp; } input[type="number"], input[type="text"] { &nbsp; &nbsp; background-image: url(<a href="http://paper-backgrounds.com/textureimages/2012/07/brown-vintage-seamless-paper-texture-pattern.jpg" rel="nofollow">http://paper-backgrounds.com/textureimages/2012/07/brown-vintage-seamless-paper-texture-pattern.jpg</a>); } Some general notes: As this is mostly a visual thing, you could search the web for CSS tips related to whatever you want to achieve, and you will find lots of advice and alternative, that's how I figured out most things.&nbsp; You could take a look at other sheets and see if one of them have implemented a thing you want to do, and then you can go look at it's source code to figure out how it works, as then you at least start with an solution that guaranteed&nbsp;to work in Roll20 (one quick way to look at them is to go to "start a new game" and select different sheets and look at their preview image) if a particular tag, or part of code doesn't work the way you expect, it's recommended to take a deeper look at it, here is what I found when I googled "input css" for example take a quick look at css syntax here or here &nbsp;if you feel that you have too many hiccups