Assorted Work Skins
A collection of various work skins.
See bookmarker's tags to sort by type.
(Open, Moderated)
Random bookmarks
-
Tags
Summary
Got a fic where characters message each other?
Series
- Part 3 of Azdaema's AO3 Messaging Skins
-
Tags
Summary
A tutorial for a Choose Your Own Adventure/Interactive Fiction workskin. A gift for my younger self, in a way.
-
Toggle for all caps, all lowercase, and capitalization by DoctorDizzyspinner
Fandoms: No Fandom, Ao3 meta - Fandom
22 Mar 2025
Tags
Summary
It's not a good idea to write in all caps or all lowercase. See: Use CSS Text Transform for Better Accessibility and text-transform - CSS: Cascading Style Sheets | MDN.
This provides free to use CSS for both
text-transformand a toggle for turning these styles on and off so that the reader does not have to turn off the entire workskin if they do not want to see all caps or all lowercase words.Series
- Part 3 of My Code Snippets
-
Tags
Summary
Live example + code for script writing on AO3. First chapter demonstrates the code in action, Chapter 2 shows how the text must be coded and Chapter 3 has the workskin code itself.
-
Tags
Summary
A work skin for imitating the style of a blog or online journal post.
Chapter 1: Intro and example blog post
Chapter 2: CSS and how to create a work skin
Chapter 3: HTML to use the work skin
Chapter 4: Add a background image
Chapter 5: Add header and footer banners/images
Chapter 6: Changing the colors of the text and backgrounds