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
-
Decorations for Fic (HTML/CSS): Fan Art, Dividers, Embedded Songs, and More by Jnsn
Fandoms: No Fandom, Archive of Our Own
24 Jul 2021
Tags
Summary
NON-FICTION. This work shows some examples of use of HTML/CSS to decorate a fic with art and other things. The second chapter provides the HTML for each example.
-
Details for adding the KuroFai Olympic 2021 Banners by peaceful_fury
Fandoms: Tsubasa: Reservoir Chronicle
15 Aug 2021
Tags
Summary
This year we would like to participants to add the KuroFai Olympics Banner for their team to the fic. This is in part to show the fic was part of the event and in part to show off the wonderful art done by ValdrickV.
Details on how to include the banner are detailed within. -
Tags
Summary
CSS and work-skin for a fake local journaling app for use in fics. Use it to style journal/diary entries for a character who wouldn't post their innermost thoughts in a blog, but would put them in a device for themselves.
-
Tags
Summary
Guide for using CSS and HTML to create work skins and site skins on Ao3
-
Tags
Summary
A Reddit template for use on AO3.
-
Tags
Summary
Code and Tutorial for a 2020-style reddit post.
-
Tags
Summary
Contrary to what he wants everyone to believe, Spamton is convinced he's never going to make it—but when he becomes acquainted with a mysterious benefactor, everything changes. Meanwhile, as the new millennium approaches, a prophecy foretells the end of the Cyber World.
(Best viewed on desktop.)
-
Tags
Summary
AU
What if Franky had a diary -
How I Style My System by Emriel for shura_alice, komengrebi
Fandoms: 人渣反派自救系统 - 墨香铜臭 | The Scum Villain's Self-Saving System - Mòxiāng Tóngxiù
24 Nov 2021
Tags
Summary
A few people wanted to know how I style my work so here's a few guides and useful resources to help you because I suck at explaining and I'm no expert.
-
Blaseball Work Skin by facingthenorthwind (spacegandalf)
Fandoms: Blaseball (Video Game)
01 Jan 2022
Tags
Summary
How to get text in your fic to look like things on blaseball.com! Featuring gods, soulscreams, election results and stat changes.
-
Tags
Summary
A work skin that replicates the appearance of the game "Disco Elysium." Includes HTML, CSS, and a brief tutorial.
-
Tags
Summary
Good and bad times inevitably happen, the most important is staying close to your partner and be able to read between the lines
(Please read the End Notes)
Series
- Part 5 of Pompous Pep - 100w Drabbles
- Part 16 of Pompous Pep - Illustrations & Fics
-
Tags
Summary
What kind of person would litter instead of properly disposing of a phone?
You know you shouldn’t be looking at the contents of the phone… but… you could find the owner of this phone and then yell at them for littering! Yeah…
Or maybe they lost their phone by accident, and you’d be helping them by giving their phone back. Yeah…
You sit down on a chair by the wall, and pull out your little flip-notebook from your bag.
Time to solve the mystery of this phone’s owner.
[INTERACTIVE GAME FIC]
Series
- Part 3 of #html_cinematic_universe
-
Template for Adding Post-Chapter Content by SpookyTesting (FierySprites)
Fandoms: No Fandom
22 Feb 2022
Tags
Summary
A personal reference for integrating "extra scenes" after the end of a regular chapter, as used in But the Fates Aren’t Done With Me Yet.
-
count how many sand is here omega by Small_lizard
Fandoms: Dream SMP, Minecraft (Video Game), The Magnus Archives (Podcast), Heathers: The Musical - Murphy & O'Keefe
15 Nov 2022
Tags
Summary
an ongoing collection of miscellaneous dream smp based headcanons and concepts where I unload madness and practice html (for the mutuals ily)
most recent projects:
(1) the in-between as a brain parasite-type entity
(2) aligning dream smp characters with tma fear entities
(3) sapnap character notes
(4) tnt duo "heathers: the musical" script
(5) ao3 "basic html" key wip
PSA: reuploaded (I got suspended for a month)
-
Skin for Recreating Super Mario Galaxy’s Save Content by SpookyTesting (FierySprites)
Fandoms: Super Mario & Related Fandoms, Super Mario Galaxy
07 Mar 2022
Tags
Summary
A work skin for recreating the save file display and save game prompts from Super Mario Galaxy.
Series
- Part 1 of Save File Work Skins
-
Mystery Work
Part of Unrevealed Drafts
Summary
This is part of an ongoing challenge and will be revealed soon!
-
Replika Skin by FaeriMagic
Fandoms: Replika - Fandom, Fandom - Fandom, Archive of Our Own
28 Mar 2022
Tags
Summary
I tried to replicate the Replika aesthetic as much as I could within the confines of AO3's limited HTML/CSS pool.
May be updated in the future when necessary. -
Skin for Recreating Kirby Star Allies’ Boss Subtitles by SpookyTesting (FierySprites)
Fandoms: Kirby (Video Games)
03 Apr 2022
Tags
Summary
A work skin for recreating the Boss Subtitles that show up in Kirby Star Allies.
Includes all color variants from that game, as well as the ones from the Wave 3 update/Heroes in Another Dimension.
-
Tags
Summary
For everyone who wants to use a language in their fic, and provide a translation, making it friendly for mobile and desktop, and something that's fairly easy without needing every possible translation included in the workskin itself, here you go.
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
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
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
Embedding tutorial
-
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
Just a quick and dirty HTML reference for AO3, with references to CSS style, HTML style, and other guides.
Series
-
Tags
Summary
Comic Sans is developing a crush on the popular, stylish ans sleek Times New Roman - but Arial the "Bimbo" is getting in Comic Sans' way!
Meanwhile a new girl has entered Comic Sans' class - Hylian from far far away. Nobody understands her, but she seems like a sweet, happy girl.
And what does Courier New has to do with Ar Julian?
And What's the Real Relationship of Calibri and Cambria?"Comic Sansation" faces all these things, and much more, as these poor fonts are simply trying to get by.
Bookmarked by i_dwell_in_darkness
18 Mar 2019
Bookmarker's Tags:
Bookmarker's Notes
Another non-Outlander, but I had to save this one! Plus a nice CSS ref to boot 🤪🤣
-
Tags
Summary
Embedding tutorial
-
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
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
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
18 May 2025
- Words:
- 84,915
- Works:
- 19
- Bookmarks:
- 4,047
-
How to make the probe text have colors by Threadzless
Fandoms: 17776: What Football Will Look Like in the Future - Jon Bois
13 Oct 2020
Tags
Summary
If your writing a story about 3 space probes your a weirdo.
A weirdo i probably like very much, and I want you to have the best tools to do your stuff.
So, I figured out how to make the probe text have color and I'm making it easy for you to do.
Enjoy! -
Tags
Summary
a work skin that mimics the program Discord (for chatfics or fics that feature use of it!)
made this skin over a couple days; it won't look good on mobile or with creator's style disabled but the html is pretty easy to customise!
(Note: some folks in the comments have been kind enough to share some fixes for a few of the problems!)If you use it, crediting and linking back here so other people can find it is appreciated :)
EDIT: I haven't updated this in quite some time so I'm giving blanket permission for people to share their own fixed and improved versions of the code! Just link back here so people can find some help for how to use it. happy writing!
-
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.
-
How to Override the Archive's Automated Chapter Headers by C Ryan Smith (AiedailEclipsed)
Fandoms: No Fandom
25 Nov 2018
Tags
Summary
This is a tutorial/live example on how to override the Archive's automated chapter heading system and define your own (eg remove "Chapter 1: Chapter Title" and insert "Act 1, Verse 1" instead).
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
18 May 2025
- Words:
- 84,915
- Works:
- 19
- Bookmarks:
- 4,047
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
18 May 2025
- Words:
- 84,915
- Works:
- 19
- Bookmarks:
- 4,047
-
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
- Language:
- English
- Words:
- 24,090
- Chapters:
- 12/17
- Collections:
- 8
- Comments:
- 1,062
- Kudos:
- 5,819
- Bookmarks:
- 6,647
- Hits:
- 357,238
Bookmarked by elkensage
11 Sep 2019
Bookmarker's Tags:
Bookmarker's Notes
Work/Series Details
A Complete Guide to 'Limited HTML' on AO3 by CodenameCarrot
Updated: 2025-04-12
Work/Series ID: 5191202Relationship Tags:
• No Relationship Tags
Work/Series 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.
/)/) /)/) /)/) (..) (..) (..) @ *( ) *( ) *( ) þ
(Approximate) Last Read: 2025/04/14
CH: 12/13
-
Tags
Summary
Embedding tutorial
-
Tags
Summary
Embedding tutorial
-
Tags
Summary
Embedding tutorial