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.
-
[Site Skin] Ellipsus Ultra Dark LOW CONTRAST for AO3 by Geekly
Fandoms: Original Work, Archive of Our Own, AO3, No Fandom
01 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.
Current version: Ultra Dark (Ellipsus) LOW CONTRAST 1.8
Series
- Part 2 of Ellipsus Inspired Site Skins for AO3
- Part 2 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Ultra Dark for AO3 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".
Current version: Ultra Dark (Ellipsus) 1.8
Series
- Part 1 of Ellipsus Inspired Site Skins for AO3
- Part 1 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Pride Dark for AO3 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."
Current version: Pride Dark (Ellipsus) 1.8
Series
- Part 3 of Ellipsus Inspired Site Skins for AO3
- Part 3 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Afterglow for AO3 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".
Current version: Afterglow (Ellipsus) 1.5
Series
- Part 4 of Ellipsus Inspired Site Skins for AO3
- Part 4 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Labyrinth for AO3 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".
Current version: Labyrinth (Ellipsus) 1.5
Series
- Part 5 of Ellipsus Inspired Site Skins for AO3
- Part 5 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Wicked Fog for AO3 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".
Current version: Wicked Fog (Ellipsus) 1.5
Series
- Part 6 of Ellipsus Inspired Site Skins for AO3
- Part 6 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Jazzy Blue for AO3 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".
Current version: Jazzy Blue (Ellipsus) 1.5
Series
- Part 7 of Ellipsus Inspired Site Skins for AO3
- Part 7 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Lilium for AO3 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".
Current version: Lilium (Ellipsus) 1.5
Series
- Part 8 of Ellipsus Inspired Site Skins for AO3
- Part 8 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Radioactive for AO3 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 "electric alien green".
Current version: Radioactive (Ellipsus) 1.5
Series
- Part 9 of Ellipsus Inspired Site Skins for AO3
- Part 9 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Nature for AO3 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 "a palette of deep greens, like strolling through a tranquil forest".
Current version: Nature (Ellipsus) 1.5
Series
- Part 10 of Ellipsus Inspired Site Skins for AO3
- Part 10 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Leatherbound for AO3 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".
Current version: Leatherbound (Ellipsus) 1.5
Series
- Part 11 of Ellipsus Inspired Site Skins for AO3
- Part 11 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Fig Espresso for AO3 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".
Current version: Fig Espresso (Ellipsus) 1.5
Series
- Part 12 of Ellipsus Inspired Site Skins for AO3
- Part 12 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Red Velvet for AO3 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".
Current version: Red Velvet (Ellipsus) 1.5
Series
- Part 13 of Ellipsus Inspired Site Skins for AO3
- Part 13 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Pumpkin Spice for AO3 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".
Current version: Pumpkin Spice (Ellipsus) 1.5
Series
- Part 14 of Ellipsus Inspired Site Skins for AO3
- Part 14 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Love Letter for AO3 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".
Current version: Love Letter (Ellipsus) 1.5
Series
- Part 15 of Ellipsus Inspired Site Skins for AO3
- Part 15 of Dark Mode AO3 Site Skins
-
[Site Skin] Ellipsus Roseglow for AO3 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".
Current version: Roseglow (Ellipsus) 1.5
Series
- Part 16 of Ellipsus Inspired Site Skins for AO3
- Part 1 of Light Mode AO3 Site Skins
-
[Site Skin] Ellipsus Maple for AO3 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".
Current version: Maple (Ellipsus) 1.4
Series
- Part 17 of Ellipsus Inspired Site Skins for AO3
- Part 2 of Light Mode AO3 Site Skins
-
[Site Skin] Ellipsus Custard for AO3 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".
Current version: Custard (Ellipsus) 1.4
Series
- Part 18 of Ellipsus Inspired Site Skins for AO3
- Part 3 of Light Mode AO3 Site Skins
-
[Site Skin] Ellipsus Petal for AO3 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".
Current version: Petal (Ellipsus) 1.4
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, Star Trek, Star Trek: Starfleet Academy (TV 2026), Undertale (Video Game)
07 Feb 2026
- Words:
- 93,843
- Works:
- 21
- Bookmarks:
- 4,831
-
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 to update.
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:
- 4,566
- Bookmarks:
- 4,448
- Hits:
- 200,445
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, Star Trek, Star Trek: Starfleet Academy (TV 2026), Undertale (Video Game)
07 Feb 2026
- Words:
- 93,843
- Works:
- 21
- Bookmarks:
- 4,831
-
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, Star Trek, Star Trek: Starfleet Academy (TV 2026), Undertale (Video Game)
07 Feb 2026
- Words:
- 93,843
- Works:
- 21
- Bookmarks:
- 4,831
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom Deadpool (Comics), Deadpool - All Media Types, No Fandom, Star Trek, Star Trek: Starfleet Academy (TV 2026), Undertale (Video Game)
07 Feb 2026
- Words:
- 93,843
- Works:
- 21
- Bookmarks:
- 4,831
-
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 to update.
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 to update.
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:
- 97
- Kudos:
- 1,571
- Bookmarks:
- 1,019
- Hits:
- 68,597
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, Star Trek, Star Trek: Starfleet Academy (TV 2026), Undertale (Video Game)
07 Feb 2026
- Words:
- 93,843
- Works:
- 21
- Bookmarks:
- 4,831
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, Star Trek, Star Trek: Starfleet Academy (TV 2026), Undertale (Video Game)
07 Feb 2026
- Words:
- 93,843
- Works:
- 21
- Bookmarks:
- 4,831
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