Work Formatting
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
As of April 2016, The database that stores works on A03 does not allow emoji. If you try to add an emoji it will end your story there. Any words after the emoji? Poof. Gone. This is a known, if poorly advertised, issue with the archive.
There are some workarounds; you can find them in: How to Make iOS Text messages on A03. But here? Here is for ALL THE EMOJI*.
10 chapters of emoji tables, each with the HTML for putting the emoji into your work and the CSS for putting it into your workskin. Copy-Paste baby. Copy-Paste.
*Does not contain the 2016 Unicode release. You'll have to come up with the code for pickle yourselves.
(Note, because this is 10 chapters of emoji tables, here is a link to the Index Tables (chapter 1) to speed up load times and reduce confusion if you have preferences set to "entire work.")
Series
- Part 11 of AO3 Work Skins/Tutorials
-
Tags
Summary
This is a personal experiment with HTML. It is a very limited list with what I find useful.
Update: Somehow I find more and more stuff useful, so this list is not that limited (and not that private) anymore. I'll improve it with time and according to my needs and interests.So far that's posted:
Part One: Basics
Part Two: Lines
Part Three: Footnotes and Links
Part Four: Columns and Skins
Part Five: Pictures
Part Six: Videos (and gifs)
Part Seven: Choose Your Own Adventure
Part Eight: Chapter Title
Part Nine: The Title, the Username, and Links
Part Ten: Kudos Message
Part Eleven: Newspaper Article
Part Twelve: Content Notes and Spoiler (NEW: Opacity and hover translations)
Part Thirteen: Playground for Jinx (glitch text, color, table)
Part Fourteen: Text generator
Part Fifteen: Boxes (still in progress)
Part Sixteen: Vertical Text
Part Seventeen: Transition (NEW)
Part Eighteen: Automated Animation (NEWEST) -
Tags
Summary
Work skin for different types of found documents, for people who are into that kind of thing.
Update 1 December 2022: Added parameters for links within div sections. Previously, applying this work skin on top of the Reversi site skin could make links difficult to read.
-
How to Fix "Floating" Chapter 1 End Notes by LadyAnatar
Fandoms: Original Work, No Fandom
30 Oct 2022
Tags
Summary
One of the most common errors in multi-chapter works on AO3 is the "floating" end notes that should be at the end of the first chapter but insist on latching onto the end of the latest chapter instead. Here are instructions explaining how to stick these floaters at the end of your first chapter where they belong.
-
Hiding/showing things based on Creator's Style by MijuWrites
Fandoms: No Fandom, Original Work
09 Mar 2023
Tags
Summary
A guide on how to have some writing only appear with Creator's Style hidden, and some other writing only appear with Creator's Style shown!
Really handy if your fic relies on Creator's Style a lot and you're worried about how it might look with its style hidden; or if you want to play around with letting the user interact with Creator's Style!
-
How to Mimic LiveJournal Posts and Comments by cursedcuriosities (SetsuntaMew)
Fandoms: No Fandom
17 Apr 2023
Tags
Summary
This is a tutorial/live example on how to mimic mid-2000s LiveJournal posts and comments.
Series
- Part 1 of Killian's AO3 Work Skins
-
Tags
Summary
A tutorial + live example on how to create comic text effects/callouts on Ao3 using CSS.
Series
- Part 1 of Cool Coding Kumquats
-
Tags
Summary
A tutorial + live example on how to recreate Ao3 on mobile in your Ao3 fic using CSS and HTML.
Series
- Part 2 of Cool Coding Kumquats
-
Tags
Summary
A tutorial + live example on how to add Gmail-esque emails into your fic using CSS and HTML.
Series
- Part 3 of Cool Coding Kumquats
-
Tags
Summary
Various fun CSS effects. Outlined text, shadow, condensed, expanded, blurry, even blurrier, smeared, mirrored, upside down, rainbow, neon, and highlight. Probably more to come! All of these are free to use and you do not need to credit me at all. Have fun formatting your works! <3
Series
- Part 1 of My Code Snippets
-
Hold-hands Inspired Texting Skin by cursedcuriosities (SetsuntaMew)
Fandoms: Ensemble Stars! (Video Game)
25 Sep 2024
Tags
Summary
This is a tutorial/live example for a Hold-hands inspired texting skin, based on the look of iOS messaging.
Series
- Part 2 of Killian's AO3 Work Skins
-
Tags
Summary
This is a live example and the HTML/CSS for a work skin I pieced together to mimic a mobile Spotify playlist! Perfect for chatfics, showing what your character is listening to, having your ship exchange love songs, etc. It is not an embed and can't actually play music, but you can link songs.
-
podfic instructions guide (for my bedtime stories!) by xiaokuer_schmetterling for ferntasie, HornyBibo (Cindermon_Role)
Fandoms: Podfic Fandom, No Fandom
12 Feb 2026
Tags
Summary
what i am doing and how and why
how i do my podfic thing with a second-hand kindle e-reader tablet; a third-hand iphone SE; a busted chromebook; and a gently used and only lightly chewed-upon set of wired gamer headphones with an attached little-bitty boom-mike!
⛔CONSTANTLY UNDER CONSTRUCTION⛔
-
How To Make Convincing(ish) Looking Veilguard Codexes for your Veilguard Fic [Guide] by Lunammoon
Fandoms: Dragon Age: The Veilguard (Video Game)
18 Feb 2025
Tags
Summary
I spend a few hours last Sunday trying to figure out how to get this to work, but I finally got something that I'm mostly happy with. I was using an original work labelled fic to keep track with the promise that I'd delete it eventually, but I decided to instead delete that and post it here. That way I don't have to delete it, and also it can possibly help out others.
EDIT 2/18/2025 FIXED ISSUE WHERE IT LOOKED TOO THIN ON MOBILE
-
Tags
Summary
A filter for Pandoc for adding/converting footnotes from document types where they are easier to add to AO3's limited HTML. Assumes technical skills for installing Pandoc and using command line tools like it
-
Tags
Summary
This includes some of the basic CSS and HTML required to create a mobile-friendly newspaper article and three sample codes for the New York Times, Washington Post, and CNN.
-
Tags
Summary
List of helpful CSS codes for comments and main fic works. To be updated
Covered:
Gifs;
Indentation -
Tags
Summary
CSS/HTML Guide for replicating LinkedIn posts on AO3 using work skins. Excellent for your business AUs.
-
How to make an Internet Explorer-style error window on AO3 by Valya (grandSolovey)
Fandoms: No Fandom
06 Jan 2026
Tags
Summary
live example + tutorial on inserting an error window styled after Windows 95/98-era Internet Explorer into your fic via CSS. why would anyone want to do this, you ask? great question! i don't know!!! but it looks neat!
Bookmarks which have used it as a tag:
-
Tags
Summary
Work skin for different types of found documents, for people who are into that kind of thing.
Update 1 December 2022: Added parameters for links within div sections. Previously, applying this work skin on top of the Reversi site skin could make links difficult to read.
Collections which have used it as a tag:
-
Assorted Work Skins (AssortedWorkSkins) by Ailren
30 Jan 2026
Collection Tags: Fanwork Research & Reference Guides, Work Skin, CSS, HTML, Tutorial, Guide, Work Formatting, Coding Tutorial, Template, Meta
Summary
A collection of various work skins.
See bookmarker's tags to sort by type.
(Open, Moderated)