ao3.life

Work Formatting

Tag · 23 works

12 works open to everyone here carry this tag; 67% are complete. The average one runs about 7,000 words. Read any of them in your browser, save it as an EPUB, or listen to it.

Some results are potentially explicit

No Fandom

P̶e̶r̶s̶o̶n̶a̶l̶ Experiment with HTML and CSS

by MohnblumenKind

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: BasicsPart Two: LinesPart Three: Footnotes and LinksPart Four: Columns and SkinsPart Five: PicturesPart Six: Videos (and gifs)Part Seven: Choose Your Own AdventurePart Eight: Chapter TitlePart Nine: The Title, the Username, and LinksPart Ten: Kudos MessagePart Eleven: Newspaper ArticlePart Twelve: Content Notes and Spoiler (NEW: Opacity and hover translations)Part Thirteen: Playground for Jinx (glitch text, color, table)Part Fourteen: Text generatorPart Fifteen: Boxes (still in progress)Part Sixteen: Vertical TextPart Seventeen: Transition (NEW)Part Eighteen: Automated Animation (NEWEST)

General 15k words 20 / ? ch In progress 1k kudos

AO3 Skins · Animated GIFs · CSS · Choose Your Own Adventure· +25 more

No Fandom

The Fic Writer's Guide to Formatting (An AO3 Repository)

by AnisaAnisa

A guide/resource/tutorial/testing ground for HTML and CSS on AO3.1. HTML Basics – Manipulating text and page formatting.2. Links & Embeds - How to add links, images, and GIFs.3. Page Dividers - How to customise page dividers.4. Titles - How to customise work, chapter, username and link titles.5. Fonts - How to customise fonts.6. Tables - How to make tables.7. Borders - How to implement borders.8. Boxes - How to make a box.

General 13k words 11 / ? ch In progress 427 kudos

AO3 Tutorial · CSS · Cheat Sheets · Fanwork Research & Reference Guides· +7 more

No Fandom

All the Emoji

by CodenameCarrot

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.")

General 33k words 11 ch Complete 206 kudos

emoji · How-to · Fanwork Research & Reference Guides · HTML· +6 more

No Fandom

ChatGPT Formatting Guide

by Anonymous

A workskin guide for emulating the appearance of a ChatGPT conversation thread.

General 659 words 1 ch Complete 11 kudos

AO3 Tutorial · CSS · ChatGPT · Fanwork Research & Reference Guides· +6 more

No Fandom

How to add mobile Ao3 in

by DemigodOfAgni

A tutorial + live example on how to recreate Ao3 on mobile in your Ao3 fic using CSS and HTML.

General 5.1k words 4 ch Complete 9 kudos

CSS · HTML · Coding · Coding Tutorial· +3 more

Dragon Age: The Veilguard (Video Game)

How To Make Convincing(ish) Looking Veilguard Codexes for your Veilguard Fic [Guide]

by Lunammoon

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

General 263 words 1 ch Complete 9 kudos

AO3 Tutorial · CSS · Fanwork Research & Reference Guides · Guides· +5 more

No Fandom

AO3 Comic Text Effects

by DemigodOfAgni

A tutorial + live example on how to create comic text effects/callouts on Ao3 using CSS.

General 2k words 2 / ? ch In progress 5 kudos

Coding · Work Formatting · Comic Book SFX · CSS· +3 more

No Fandom+1

Hidingshowing things

by MijuWrites

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!

General 1.6k words 3 ch Complete 4 kudos

HTML · CSS · Fanwork Research & Reference Guides · Guides· +3 more

No Fandom

Pandoc filter for AO3-friendly footnotes

by tahrir_as_samsara

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

General 1.8k words 1 ch Complete 3 kudos

Fanwork Research & Reference Guides · Footnotes · Guide · HTML· +3 more