AO3 Workskin
This tag belongs to the Additional Tags Category.
Parent tags (more general):
This tag has not been marked common and can't be filtered on (yet).
Works which have used it as a tag:
-
Tags
Summary
A musical narrative for Adam x Snake.
Series
-
Tags
Summary
For everyone who wants to use a language in their fic, and provide a translation, making it friendly for mobile and desktop, and something that's fairly easy without needing every possible translation included in the workskin itself, here you go.
-
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
-
Tags
Summary
Another HTML/CSS template! This one for a basic chat log including usernames, optional times, and (obviously) message contents.
Series
- Part 5 of Frontend Shenanigans
-
Tags
Summary
A short & sweet guide to a work skin (and the associated HTML) that allows readers to choose from a list of given names for a character and select which one they want the work to use.
Series
- Part 4 of Frontend Shenanigans
-
Mystery Work
Part of ztarfieldz_works
Summary
This is part of an ongoing challenge and will be revealed soon!
-
Tags
Summary
Been working on some code to use on a choose your own adventure story I'm making, wanted to share how it works :>
useful for:
Choose your own adventure stories!
Stories with user-selected pronouns!
Stories with intricate text changes!
Bookmarks which have used it as a tag:
-
Tags
Summary
Did you see that fanfic with 6 gazillion tags forcing you to scroll endlessly to skip through it? Ever wondered how to block a specific story without having to download a 3rd party app or make an annoying bookmark? Guess what? You can block specific stories and authors directly from AO3, and it works in mobile!
Yes this is about a troll fic making it's way around AO3.
Updated with instructions to block works by a user (See ch2).
-
Tags
Summary
A little something to help people with coding for their works, notes, and summaries. No work skins are needed for any of these.
-
Tags
Summary
There are some great quick-and-dirty guides to HTML on A03. This is not one of them - it is a comprehensive guide
It's now 2025, a decade later. A03 supports some new HTML and and we're all walking around reading fic on supercomputers that fit in a jean pocket. It was time update this and take a crack at finishing it. (Links and Images are in, the new Audio and Video tags are not.)
The previous three chapters have been divided into smaller concepts. Each tag continues to have - at a minimum - a link to the w3schools page about it (so you can learn more), a code example, and the result of the code example. Most tags have their attributes, things like [src] or [title], listed and examples of how using the attributes modify the tags.
There's a chapter on Bad Ideas, including how some of the archive's default CSS is available to you to format your work (users can't turn that off by hiding a workskin!)
Oh. And I added a bunny army. You could learn how to add one too.
/)/) /)/) /)/) (..) (..) (..) *( ) *( ) *( )
Series
- Part 19 of AO3 Work Skins/Tutorials
-
Tags
Summary
An expansion to the existing forum skin by fencesit.
-
Tags
Summary
A work skin for text messages.
In particular, this uses outlines/borders to avoid specifying background colors, so that users of Reversi can see the work in dark mode and users with the standard AO3 look and feel can read the story in light mode.
Chapter two now lets you pick more chat bubble outline colors for your group chat needs!
-
Tags
Summary
A tutorial for creating and formatting spreadsheets in AO3, using CSS and HTML.
-
Tags
Summary
A Reddit template for use on AO3.
-
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!
- Language:
- English
- Words:
- 5,516
- Chapters:
- 9/9
- Collections:
- 1
- Comments:
- 11
- Kudos:
- 59
- Bookmarks:
- 45
- Hits:
- 1,055
Bookmarked by Tachvintlogic
05 Mar 2024
Bookmarker's Tags:
Bookmarker's Notes
This workskin is fucking amazing!
-
Skin for Recreating Super Mario Galaxy’s Save Content by SpookyTesting (FierySprites)
Fandoms: Super Mario & Related Fandoms, Super Mario Galaxy
07 Mar 2022
Tags
Summary
A work skin for recreating the save file display and save game prompts from Super Mario Galaxy.
Series
- Part 1 of Save File Work Skins
-
tales from Tales of Our Own by cheju for deadcowboy
Fandoms: Batman - All Media Types, DCU (Comics)
04 May 2025
Tags
Summary
Series: ← Previous Work • Part 2 of Bodyguardverse
Stats: Words: 141,506 Chapters: 39/? Comments: 1,764 Kudos: 2,186 Bookmarks: 290 Hits: 44,685what doesn’t kill you (makes you stronger)
batzaddyIt started out so simple. Batman needed a way to fund his crimefighting activities. Bruce Wayne needed a bodyguard. But what begins as a simple business arrangement quickly spirals out of control when the Joker escapes from Arkham and sets his sights on the CEO of Wayne Enterprises.
Will they survive the Joker’s nefarious schemes? More importantly—will they survive falling in love?