AO3 Tutorials
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:
Pages Navigation
-
Tags
Summary
Learn how to blur text on AO3.
-
Ultra Dark (Ellipsus) LOW CONTRAST AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
02 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "an ink-black backdrop for your work", adapted for people with extreme light sensitivity.
Series
- Part 1 of Ellipsus Inspired Site Skins for AO3
- Part 1 of Dark Mode AO3 Site Skins
-
Ultra Dark (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
05 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "an ink-black backdrop for your work".
Series
- Part 2 of Ellipsus Inspired Site Skins for AO3
- Part 2 of Dark Mode AO3 Site Skins
-
Pride Dark (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
05 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "a little late-night rebellion, the dark side of Pride. Because queer joy should shine in every word you write."
Series
- Part 3 of Ellipsus Inspired Site Skins for AO3
- Part 3 of Dark Mode AO3 Site Skins
-
Afterglow (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
08 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "sunset fading to dusk".
Series
- Part 4 of Ellipsus Inspired Site Skins for AO3
- Part 4 of Dark Mode AO3 Site Skins
-
Labyrinth (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
10 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "a deep, dark fantasy with glowing accents, for an enchanted witchy vibe".
Series
- Part 5 of Ellipsus Inspired Site Skins for AO3
- Part 5 of Dark Mode AO3 Site Skins
-
Wicked Fog (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
11 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "violet haze, spellcraft and séances, smoke curling from cauldrons".
Series
- Part 6 of Ellipsus Inspired Site Skins for AO3
- Part 6 of Dark Mode AO3 Site Skins
-
Jazzy Blue (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
11 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "deep, mellow blues—perfect for moody night owls".
Series
- Part 7 of Ellipsus Inspired Site Skins for AO3
- Part 7 of Dark Mode AO3 Site Skins
-
Lilium (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
11 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "a midnight garden".
Series
- Part 8 of Ellipsus Inspired Site Skins for AO3
- Part 8 of Dark Mode AO3 Site Skins
-
Radioactive (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
19 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "electric alien green".
Series
- Part 9 of Ellipsus Inspired Site Skins for AO3
- Part 9 of Dark Mode AO3 Site Skins
-
Nature (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
19 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "a palette of deep greens, like strolling through a tranquil forest".
Series
- Part 10 of Ellipsus Inspired Site Skins for AO3
- Part 10 of Dark Mode AO3 Site Skins
-
Leatherbound (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
18 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "dark academia—sequestered in the stacks, or wandering a quiet museum".
Series
- Part 11 of Ellipsus Inspired Site Skins for AO3
- Part 11 of Dark Mode AO3 Site Skins
-
Fig Espresso (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
19 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "dark roast, coziness, old books, secret plotting by candlelight".
Series
- Part 12 of Ellipsus Inspired Site Skins for AO3
- Part 12 of Dark Mode AO3 Site Skins
-
Red Velvet (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
19 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "vampiric horror with a bit of decadence".
Series
- Part 13 of Ellipsus Inspired Site Skins for AO3
- Part 13 of Dark Mode AO3 Site Skins
-
Pumpkin Spice (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
24 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "definitely not basic—autumn dusk, rainy windowpanes, novels thick enough to get lost in".
Series
- Part 14 of Ellipsus Inspired Site Skins for AO3
- Part 14 of Dark Mode AO3 Site Skins
-
Love Letter (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
24 Oct 2025
Tags
Summary
A dark mode site skin for AO3 that can be described as "a secret romance".
Series
- Part 15 of Ellipsus Inspired Site Skins for AO3
- Part 15 of Dark Mode AO3 Site Skins
-
Roseglow (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
28 Oct 2025
Tags
Summary
A light mode site skin for AO3 that can be described as "a soft, candle-lit romantic blush".
Series
- Part 16 of Ellipsus Inspired Site Skins for AO3
- Part 1 of Light Mode AO3 Site Skins
-
Maple (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
29 Oct 2025
Tags
Summary
A light mode site skin for AO3 that can be described as "golden-hour glow, candy corn, sunlight through the trees".
Series
- Part 17 of Ellipsus Inspired Site Skins for AO3
- Part 2 of Light Mode AO3 Site Skins
-
Custard (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
30 Oct 2025
Tags
Summary
A light mode site skin for AO3 that can be described as "cozy butter yellow".
Series
- Part 18 of Ellipsus Inspired Site Skins for AO3
- Part 3 of Light Mode AO3 Site Skins
-
Petal (Ellipsus) AO3 Site Skin by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
31 Oct 2025
Tags
Summary
A light mode site skin for AO3 that can be described as "soft romantic florals".
Series
- Part 19 of Ellipsus Inspired Site Skins for AO3
- Part 4 of Light Mode AO3 Site Skins
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
01 Jan 2026
- Words:
- 89,170
- Works:
- 20
- Bookmarks:
- 4,348
-
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
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 4,500
- Chapters:
- 2/2
- Collections:
- 7
- Comments:
- 385
- Kudos:
- 3,747
- Bookmarks:
- 3,629
- Hits:
- 161,553
Bookmarked by ghostinthecode (SaltwaterSpectre)
07 May 2017
Bookmarker's Tags:
Bookmarker's Notes
Beautiful, amazing resource. Great tutorial, can't wait to USE IT!
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
01 Jan 2026
- Words:
- 89,170
- Works:
- 20
- Bookmarks:
- 4,348
-
Tags
Summary
Have you ever wanted to put a Tumblr post in your fic? Even if you haven't, you now can!
This is a tutorial on how to mimic different Tumblr post types using a work skin, without using screenshots.
-
Tags
Summary
Just a quick and dirty HTML reference for AO3, with references to CSS style, HTML style, and other guides.
Series
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
01 Jan 2026
- Words:
- 89,170
- Works:
- 20
- Bookmarks:
- 4,348
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
01 Jan 2026
- Words:
- 89,170
- Works:
- 20
- Bookmarks:
- 4,348
-
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
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
-
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
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
Bored with the default page dividers? This is a tutorial/live example on how customize your page dividers with no images needed (though I do show you how you could use images if you wanted to do such a thing).
Series
- Part 9 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 2,156
- Chapters:
- 1/1
- Collections:
- 7
- Comments:
- 94
- Kudos:
- 1,492
- Bookmarks:
- 960
- Hits:
- 64,300
Bookmarked by Kgdragoon
02 Apr 2021
Bookmarker's Tags:
Bookmarker's Notes
AO3 formatting / AO3 Tutorials
*reference -
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
01 Jan 2026
- Words:
- 89,170
- Works:
- 20
- Bookmarks:
- 4,348
Bookmarked by Kgdragoon
02 Apr 2021
Bookmarker's Tags:
Bookmarker's Notes
AO3 tutorials & references
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
01 Jan 2026
- Words:
- 89,170
- Works:
- 20
- Bookmarks:
- 4,348
Bookmarked by Kgdragoon
02 Apr 2021
Bookmarker's Tags:
Bookmarker's Notes
AO3 tutorials & references
-
Tags
Summary
This is a live example of my AO3 skin that allows the author to recreate the look of a newspaper article in their work. To learn more about it, you can find the tutorial here.
Series
- Part 1 of AO3 Work Skins/Tutorials
-
Tags
Summary
Popup tooltips that work well on both desktop (hover) and mobile (tap open and close). Constrained width, so best for short tooltips or translations for a couple words at the most.
Series
- Part 1 of Simbeline's Work Skins
-
Tags
Summary
How to in 5 (hopefully!) easy steps.
-
Tags
Summary
Embedding tutorial