Tests of various stylesheets I made. Quality may vary. Now in reverse chronological order for convenience!
Feel free to use this code as a base for your own stuff. Credit is very much appreciated! ^u^
(If you use any, keep in mind: these stylesheets are provided as-is, and I may update or edit them at any time. I make no guarantees of functionality or upkeep. What you see is generally what you get.)
Base Preview | Base Code
Skin #1: "See Through Blue" | Skin Code
Skin #2: "Chalkboard" | Skin Code
Skin #3: "Almost Deviant" | Skin Code
A layout with a title, navbar links, sidebar, corner/sidebar image, optional single-column or two-column main content section, and footer. Not currently mobile friendly, but the possibility is in the works.
Rather than code the whole thing with one look, I've made a (rather ugly) base, and then several example skins. To use a skin, you'll need both the base code and the skin code, and to include both (first the base, then the skin) on the pages that use it.
Base Preview | Base Code
Skin #1: "I don't have a name just bear with me" | Skin Code
Skin #1.2: Darkmode Variant* | Skin Code
Skin #2: "Cool Blue" | Skin Code
Skin #3: "Yuletide" | Skin Code
A layout with boxes of content in columns and a solid footer at the bottom of the page. Potentially good for a blog or similar arrangement.
This style is intended for heavy customization, so rather than code the whole thing with one look, I've made a (rather ugly) base, and then several example skins. To use a skin, you'll need both the base code and the skin code, and to include both (first the base, then the skin) on the pages that use it.
*Not a full skin, but piggybacks onto Skin 1 the way the other skins do with the base code.
A style designed for webcomics, meant to be useable even on a static site like Neocities with minimal extra work to update. Meant to be reminiscent of Hiveworks layouts, with a header, pagination, author commentary space, sidebar with links, description, and room for widgets. Includes instructions. Hopefully useful.
It's meant to be mobile friendly, but it's been a little janky. Still working out the bugs.
Preview | Code
Skin #1: "Full Width And Fancier" | Skin Code
Skin #1: "Small, Pink, And Cutesy" | Skin Code
Roughly what it says on the tin. It's basically a blog style. Three-column layout with a main section and two sidebars, plus a top header with links, and header and footer images.
This stylesheet was recently revamped. If you want the old version with the <hr> tag dividers, the code is here, and the demo page is here.
Loosely based off of a tumblr layout I saw ages ago and thought was cool. Has message-box style boxes with subject line and 'X' in corners, a fixed sidebar made of way too many random little boxes, circular profile pics, and an optional big quote side section taking up half the page.
Centered layout with image background, transparent boxes with a "glow" effect, and a designated space for links under the header section.
Has a sidebar with space for a few short links, and a fixed header similar to Sticky Header. Boxes have a solid semi-transparent shadow.
Originally a variant on the Animesque stylesheet, with similar layout, but the header text is overlaid onto the header image along with a dark transparent overlay, and a links section.
Very simple style with a fixed header at the top that stays put when scrolling.
Image background, full-height sidebar, and styling for nice buttons. Eventually became the base for the current version of the Jade Pages code.
Baby's first functional floating sidebar. Not terribly remarkable. You can use a centered background image, though. (Might move this to "generic" later.)
Preview #1 | Preview #2 | Code
Based loosely on some old anime fansite layout or another I dimly remembered and tried to recreate. Good down to 800x600, has a header image and title + optional link buttons, and a nice little footer at the bottom of a page.
Simple code for a very tiny, plain centered box. There are two variant box styles for boxes that stay small and scroll, and boxes that don't. Header text has extra letter-spacing for aesthetic. Tempted to put this in the "generic" section tbh.
Literally just the old style this site used to use. Has buttons, message boxes, and not much else. I would not recommend it.
An improvement over Jade 1.0, if still a bit sketchy. Has a full-height sidebar, nicer buttons in two columns (badly coded because I didn't know the columns
option existed), code for a character profile with a picture and infobox, very rudimentary fanfiction listing code (colored text for ratings!), and technically little floating labels for divs? (I never used those, lol.)
Fair warning, the sidebar resizes really weirdly sometimes, and the button columns are way overcomplicated. I revamped it for a reason.
The old style used for the Jade Pages. Single column. Some floating buttons. Honestly, I don't recommend this one.
Older stylesheets, mostly generic and of lower quality, which I removed from the main listings because they didn't feel worth including. Do whatever you want with these; no credit needed.