HTML
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
iMessage & WhatsApp
-
Tags
Summary
"The more things change, the more they stay the same."
—
Aka. Jason Todd is Life and Death’s Cat. He doesn’t know it.
(Mature because I like to describe violence lol)Series
-
Tags
Summary
This is a work skin to create a fic-within-a-fic on AO3, complete with the top navigation bar, kudos, and comments!
-
Tags
Summary
Now that a version of AO3 is canon in the DC universe (called Tales of Our Own), here's a work skin to help you create a TO3 fic-within-a-fic! Complete with the top navigation bar, kudos, comments, and custom TO3 logos and styling.
-
Zenless Zone Zero Inter-Knot (AO3 Work Skin) by Pent
Fandoms: Zenless Zone Zero (Video Game)
28 Apr 2025
Tags
Summary
Have you ever wanted to add canon compliant Inter-Knot posts to your Zenless Zone Zero works? Now you can! This is an accessible, readable, and mobile-friendly AO3 work skin that imitates the look of in-game Inter-Knot posts.
Series
- Part 4 of Pent's Fandom-Specific AO3 Work Skins
-
Mystery Work
Part of irrationalpie test collection
Summary
This is part of an ongoing challenge and will be revealed soon!
-
you can make beautiful things: Exploring CSS Art on AO3 (Appa's version) by mackerel_cheese
Fandoms: Avatar: The Last Airbender (Cartoon 2005), No Fandom
26 Apr 2025
Tags
Summary
CSS art of Appa from Avatar the Last Airbender made specifically within AO3 limited HTML restrictions. (Now with three versions!)
Free mini essay about my experience with making CSS art on AO3 inside!
Series
- Part 4 of .shapes_and_colours
-
Tags
-
Tags
Summary
Moony and Padfoot text every day. Whether it’s about their mutual love of Bowie and 70s rock, or simply what kind of coffee they had that morning, they don’t go a day without talking.
Sirius and Remus hate each other. Remus runs his late mother’s family owned bookshop, and Sirius is the owner and operator of a new branch of Potter Books, a chain that threatens to run Remus out of business.
But, Remus and Moony are one and the same. And Padfoot is actually Sirius. What’s the worst that could happen?
or
“You’ve Got Mail” but make it modern-day Wolfstar in London
-
Tags
Summary
好吧我相信肯定有人html学得比我好skins做得比我漂亮，我只是来制作傻瓜教程的，致力于让每个看了的人都能学会。
主要原因是鹅师傅永远怀抱一种花时间写了的东西一定要分享的精神。
-
Tags
Summary
It, most times, didn't mean any harm to people.
Sure, it felt bad seeing children have nightmares from time to time, but its faith simply overshadowed the sympathy; The Prototype had caused it to have this anatomy, so this must be the will of God.
Most of the little sadness it felt when it was deemed to stay in its holding room inside the playhouse due to 'not getting along with the others' was also overshadowed by the will of The Prototype. But sure, it did feel a little off seeing most of the Smiling Critters (with the exception of Bobby Bearhug, probably in the labs) interacting with the orphans, being bipedal.
It did hurt being let out only after a few months, unlike the others, like now!
or,
Catnap is let out and is met with Dogday.
- Language:
- English
- Words:
- 1,196
- Chapters:
- 1/?
- Kudos:
- 11
- Hits:
- 101
-
Tags
Summary
Namari doubts her skills sometimes.
-
Mystery Work
Part of hidden_fics
Summary
This is part of an ongoing challenge and will be revealed soon!
-
heark's character creator by heark, hearker (heark)
Fandoms: No Fandom, HTML - Fandom, css - Fandom
10 May 2025
Tags
Summary
Make your own character on AO3!!
-
Netflix Work Skin by entropy_muffin
Fandoms: Goncharov (1973) dir. Martin Scorsese - beelzeebub, No Fandom
12 May 2025
Tags
Summary
A Netflix/streaming service work skin for AO3.
-
Tags
Summary
Refresh the page to display new things each time (unless you have bad luck).
- 64 Outcomes (+54 Deck of Cards)
- 38 Outcomes
- 20 Outcomes (d20, Magic 8 Ball)
- 6 Outcomes (d6)
- 3 Outcomes (Rock Paper Scissors)
- 2 Outcomes (Heads Tails, Yes No)
- CYOA Random Endings
- Div class (div in refresh div)
Series
- Part 3 of Ao3 Coding
-
Tags
Summary
Fate has dictated to show you one of these poems. Which will it be, and how will it effect you today?
Tomorrow is another day, and yet somehow the poem is different from before. -
Tags
-
Tags
Summary
demos & code for styled <hr/> elements! created with this tool
-
Terminal Velocity by solace_at_last
Fandoms: Dangan Ronpa: Trigger Happy Havoc, Dangan Ronpa Series
15 Jun 2025
Tags
Summary
Togami knew what it was like to live life at a faster pace than those below him. He did not know what it was like to collide.
"Terminal: An ending formed at the extremity."
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
CSS in Testing by InfinitysWraith
Fandoms: Ao3 Skins - Fandom, Work Skins - Fandom, css - Fandom
18 Apr 2022
Tags
Summary
This is a flaming dumpster filled with CSS and HTML experiments. It's not instructional, but I post the code and my own explanations for both our sakes. Feel free to steal the code or ask me questions- I don't know what I'm doing. :)
(Pics are mine though)
Chapter 5 is probably what you're looking for ;)
I'm not going to say I take requests, but I'm always looking for inspiration.
It seems I've broken Ao3 yet again. I can no longer add more code to my work skin so we're moving on to part two!
Series
- Part 1 of CSS in Testing
-
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 Change Text on AO3 When the Cursor is Hovering Over It (Or Clicked on Mobile) by La_Temperanza
Fandoms: No Fandom
22 May 2017
Tags
Summary
This a tutorial/live example on how to have text change or appear once a cursor is hovering over it. Helpful for pop-up spoilers, language translations, quick author's notes, etc.
Series
- Part 15 of AO3 Work Skins/Tutorials
-
Tags
Summary
AO3 is great, but can it run Doom? Of course!!
-
How to Block Tags With Site Skins (And Get Real Specific About It) by najio
Fandoms: No Fandom
16 Mar 2024
Tags
Summary
Just some info I've gathered over the past couple of weeks, about how to:
1. Block tags using Site Skins, block only fics that contain both tag A and tag B, and block fics with a tag that contains a certain phrase, unless they are a specific whitelisted tag
2. Highlight the tags in pretty colors! Or bold, or hide them!
3. Block mega-crossovers with a million different fandoms
4. Select for/block fics that are completed/rated something/have a certain category/don't have summaries
5. Block everything that doesn't have a certain tag, or one of a list of tags
6. Block orphan_account and tag block by author
7. Block only tags of specific types (fandoms, relationships, freeforms, etc.)
8. Block fics focused on original characters, and/or fics without any tags of a specific type
9. Block every pairing with two characters in it—case insensitive, any order, no matter how many other people are also in the tag
10. Block by number of tagsSeries
- Part 1 of Site Skins and CSS Quackery
-
Tags
Summary
This is a live example of my AO3 skin that allows the author to recreate the look of sticky notes (aka Post-Its) in their fic. To learn more about it, you can find the tutorial here.
Series
- Part 8 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
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
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
-
The Nice and Accurate Guide to Footnotes by Vigs for fersh
Fandoms: Good Omens - Neil Gaiman & Terry Pratchett, Good Omens (TV)
10 Aug 2019
Tags
Summary
If you're writing fanfiction for Good Omens, you may find yourself wanting to include footnotes.
But html can be confusing. What can you do?
Read this guide to find out!
-
Tags
Summary
A Reddit template for use on AO3.
-
Tags
Summary
Got a fic where characters message each other?
Series
- Part 3 of Azdaema's AO3 Messaging Skins
-
Tags
Summary
Example and basic code for making some text hidden or optional on Ao3 using details and summary tags
Bookmarked by Laeva
21 Apr 2023
Bookmarker's Tags:
Bookmarker's Notes
Very basic how to: hide text (spoilers) on Ao3
By FidgetScribblesExample and basic code for making some text hidden or optional on Ao3
(using details and summary tags)https://archiveofourown.info/works/46611205
-
How to Mimic Letters, Fliers, and Stationery Without Using Images by La_Temperanza
Fandoms: No Fandom
27 Jul 2017
Tags
Summary
This is a tutorial/live example on how to mimic the look of letters, fliers, and stationery (as well as other forms of written media) without using images. For all your epistolary fic needs.
Series
- Part 17 of AO3 Work Skins/Tutorials
-
Tags
Summary
A bunch of Ao3 Skins with flag pride colors!
Happy pride month!
Series
- Part 7 of CSS code scripts for Ao3
-
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
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
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
-
- Words:
- 16,383
- Works:
- 8
- Bookmarks:
- 623
-
Skin for Recreating Peach’s Letters from Super Mario Galaxy by SpookyTesting (FierySprites)
Fandoms: Super Mario & Related Fandoms, Super Mario Galaxy
16 May 2023
Tags
Summary
A work skin for recreating the appearance of Princess Peach’s letters from Super Mario Galaxy.