Assorted Work Skins
A collection of various work skins.
See bookmarker's tags to sort by type.
(Open, Moderated)
Random bookmarks
-
Tags
Summary
A tutorial on how to include a gift fic email into your fic.
-
How to create a work skin to have different fonts and colors in your works by Goddess_of_the_arena
Fandoms: css - Fandom, HTML - Fandom, Work Skins - Fandom, AO3 help - Fandom
30 May 2024
Tags
Summary
This is a tutorial on how to use different fonts on Ao3, how to make them in different sizes and how to make them colored as well.
It also contains two ready-to-use codes to give your fonts a gradient effect. There are both the code for the linear gradient effect and the code for the radial gradient effect.
CHAPTER 2 contains the visual examples of every font that you find in chapter 1.
WARNING: all the codes in this guide were tested on a computer. I can't guarantee the effect when the work they are applied to is read on a mobile phone.Series
- Part 2 of CSS GUIDES
- Part 2 of Goddess_of_the_arena's CSS Playground
-
Tags
Summary
Including translations for your story is a hassle, so I'm working to find an easy solution! Join me in this journey!
- PC and Mobile Friendly
- For both SHORT and LONG translations/notes
- Inline edits (no editing your work skin for every translation) -
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
Step by step explanations of some technical aspects of posting on AO3. So far we’ve got:
1) groundwork
2) how to embed an image
3) how to create a link
4) how to make nice dividers
5) how to tidy up and polish a finished and published work
6) tools and resources
7) some thoughts on where to host images.
Chapters 1 to 3 are for both readers and writers, from chapter 4 onwards it's about making your fanfiction more readable. Feedback and explanation requests very welcome!