Assorted Work Skins
A collection of various work skins.
See bookmarker's tags to sort by type.
(Open, Moderated)
Random bookmarks
-
How to target specific elements of your work (for work skins) by hearker (heark)
Fandoms: HTML - Fandom, Work Skins - Fandom, AO3 help - Fandom, No Fandom, css - Fandom
15 Aug 2025
Tags
Summary
This is a guide to help you precisely target elements in your work skins using CSS selectors. It doesn't focus on styling or adding cool effects!! This guide teaches you how to identify and select the exact elements you want to style.
CHAPTER 1 - Work Title
CHAPTER 2 - Author Name
CHAPTER 3 - Summary
CHAPTER 4 - Notes Part 1
CHAPTER 5 - Notes Part 2
CHAPTER 6 - Gifts
CHAPTER 7 - Inspired By
CHAPTER 8 - Chapter Title
CHAPTER 9 - Series
CHAPTER 10 - Selecting Multiple Headings
CHAPTER 11 - Body Text
CHAPTER 12 - Preface GroupNote: This guide contains custom CSS. It's not necessary for the guide, it's only cosmetic. If you want to disable it, click "Hide Creator's Style" at the top.
Series
- Part 1 of heark's work skin tutorials
-
Tags
Summary
This is a tutorial and live-example on how to use CSS skins and HTML on AO3 to make some stylish card links that move around and look pretty cool when you hover your cursor over them :)
Series
-
Tags
Summary
A work skin and tutorial for logic grid puzzles on AO3. This tutorial includes 2 versions of a logic grid puzzle: a basic version (printable!) and an interactive puzzle grid!
See Chapter 1 for an overview of the style with annotations, Chapter 2 for an explanation of how it all works (including a tutorial on making the grid printable, hiding the solution table behind a spoiler block and how to make the grid interactive), Chapter 3 for the full CSS code for easy copy-pasting, Chapters 4 and 5 for an example of an interactive 3x3x3 logic grid with the HTML code, Chapters 6 and 7 for a basic 3x3x3 grid and Chapters 8 and 9 for a 4x4x4 logic puzzle grid.
All the puzzles that appear in this tutorial are solvable and the solutions are included here!
-
As I've Written Terminal (AO3 Work Skin) by Pent
Fandoms: 崩坏：星穹铁道 | Honkai: Star Rail (Video Game)
17 Oct 2025
Tags
Summary
Writing a story that includes code execution or related sci-fi shenanigans? Here is a mobile-friendly computer terminal work skin that you can use on AO3, styled to imitate Lygus's notes in As I've Written.
Series
- Part 5 of Pent's Fandom-Specific AO3 Work Skins
-
Newspaper/Magazine Article Template by deathbymistletoe
Fandoms: No Fandom, Original Work
22 Jul 2024
Tags
Summary
A simple template for the HTML/CSS of a mock article for fake newspapers and such.
Series
- Part 1 of Frontend Shenanigans