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
-
How to create your work skin to change the background color and text style of your story by Goddess_of_the_arena
Fandoms: HTML - Fandom, css - Fandom, Work Skins - Fandom, AO3 help - Fandom
22 Feb 2025
Tags
Summary
This tutorial contains the steps to change the background color and text style of your story and also to make every chapter have a different background color or text style.
This tutorial contains ready-to-use codes.
WARNING: all the codes in this guide were tested on a computer. I can't guarantee the effect when the work they are applied to is read on a mobile phone.
CHAPTER 1 is to apply the background color and/or the text style to the whole work.
CHAPTER 2 is to give every chapter a different background color and/or text style.
CHAPTER 3 is to have a default background color or text style while still giving every chapter a different effect.
CHAPTER 4 is to combine gradient background and gradient text in your work.Series
- Part 7 of CSS GUIDES
-
Skin for Making Character Intro Cards by SpookyTesting (FierySprites)
Fandoms: No Fandom
15 Nov 2024
Tags
Summary
A work skin for creating concise and compact cards for introducing characters in a fic – including their name, title, portrait, some characteristics, and fandom of origin. Meant to be used in crossovers, but doesn’t have to be.
-
Fonts, Colours, and Others. by ZoomieZoomie324
Fandoms: Original Work, Work Skins - Fandom, HTML - Fandom
16 Nov 2024
Tags
Summary
A collection of work skins I use with their code for anyone curious. Thank you so much to Goddess_of_the_arena for having her amazing guide I'll link inside.
-
Breaking Ao3 the Fun Way by GumbaBunny, ⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧ (GumbaBunny), 𝔾ⓤ𝕞𝕓𝕒𝕭𝖚𝖓𝖓𝒚 (GumbaBunny)
Fandoms: Original Work
16 Jun 2025
Tags
Summary
Work for testing ao3 elements.. or "How much can i break ao3?"
Click this to see summary testing
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⡠⠛⠋⠉⠉⠓⠻⢤⠀ ⠀⠀⠀⠀⠀⡟⣠⣶⠖⣤⠀⣴⣯⣹⣷ ⠀⣀⣀⣀⠀⣆⢹⣿⣿⡿⠀⠹⠿⠿⣉ ⡞⠀⠀⠀⠀⠀⠓⠦⢄⡄⠩⠥⠔⠊⠁ ⠙⡄⢠⣴⣶⣦⠀⢠⡄⣴⠀⣯⠀⠀⠀ ⠀⠲⠖⠁⠉⠁⠧⠼⠁⠈⠓⠋⠀⠀⠀
h1
h2
h3
h4
h5
h6
Look to the right.
Made you look (align="right")
- bold
- italic
- underline
strike
- big
- small
- sup sub
one two three four five A B C D E
ℂ𝕆𝔻𝔼 ℳ𝒪ℛℰ
████𓆉Series
- Part 2 of Ao3 Coding
-
Tags
Summary
This is a live example and the HTML/CSS for a work skin I pieced together to mimic a mobile Spotify playlist! Perfect for chatfics, showing what your character is listening to, having your ship exchange love songs, etc. It is not an embed and can't actually play music, but you can link songs.
-
Tags
Summary
a super simple qna element i made for a project i’m thinking of starting :]
-
Mystery Work
Part of タ- タ- タグ、才能のタグ
Summary
This is part of an ongoing challenge and will be revealed soon!
-
Tags
Summary
Getting into college was supposed to be the hardest part of his life up until now. Dealing with other people should have just been a small road bump. Despite his best efforts Edward cant get rid of these two weirdos and its messing with his carefully crafted plan to finally getting a normal life.
Maybe he can get away with murder in between classes.
-
Tags
Summary
A skin for creating Tumblr posts within fics. Includes badges and pseudo-animated elements. Legible with CSS styling off.
-
Mystery Work
Part of Hidden Works
Summary
This is part of an ongoing challenge and will be revealed soon!
-
Tags
Summary
CSS & HTML for a small box with text that looks like a classic text message.
-
datadump and tutorial for my work / site skins by 14Passionz (14Muffinz)
Fandoms: No Fandom
06 Jan 2025
Tags
Summary
Included:
- Text colours
- Spacing that translates across devices
Upcoming:
- Coloured Dividers
- Highlighting character tags in work searches
- Hiding / Highlighting tags through site skin
- Hiding built in chapter numbersWill fancy up the summary later, I'm writing it on my phone.
-
Skin for Recreating Persona 3 Reload’s Text Boxes by SpookyTesting (FierySprites)
Fandoms: Persona Series, Persona 3
09 Jan 2025
Tags
Summary
A work skin for recreating the text boxes and dialog selection process from Persona 3 Reload, with a bonus color scheme based on Persona 3 Portable’s FeMC.
-
Skin for Recreating Danganronpa Text Boxes by SpookyTesting (FierySprites)
Fandoms: Dangan Ronpa Series, Dangan Ronpa: Trigger Happy Havoc, Super Dangan Ronpa 2, Dangan Ronpa Another Episode: Ultra Despair Girls, New Dangan Ronpa V3: Everyone's New Semester of Killing
11 Jan 2025
Tags
Summary
A work skin for recreating the text boxes from across the Danganronpa series, Class Trials and extraneous post-game modes notwithstanding.
-
Tags
Summary
All Kunikida wants is for Dazai to say why he was late. All Dazai wants is to waste Kunikida's time.
I recreated (a scuffed version of) Outlook within Ao3. If you're on mobile, I recommend rotating your screen to landscape, or using desktop view.
This is my submission for Day 2 of HTML Tryhards 2025. Technical prompt was "email."
-
Tags
Summary
>young teenaged girls go missing.
>no cars were seen.
>disappeared after a flash of bright lightOh my god i figured it out guys.
They were kidnapped by aliens. -
Slay the Robin by wetsocks (Nicky_boy)
Fandoms: Batman - All Media Types, Slay the Princess (Visual Novel)
11 Feb 2025
Tags
Summary
You are on a path on an island. At the end of that path there’s a tower. And in that tower, there’s a Robin.You’re here to kill him.
-
How the Grinch Stole My Heart (Again) by GumbaBunny
Fandoms: How the Grinch Stole Christmas! - Dr. Seuss, Kellogg's "Frosted Flakes" Commercials
20 Jan 2025
Tags
Summary
Tony was trying to avoid the drama, but showing up to his ex’s christmas party invites all sorts of problems.
-
podfic instructions guide (for my bedtime stories!) by xiaokuer_schmetterling, xk_s_reads (xiaokuer_schmetterling) for ferntasie
Fandoms: Podfic Fandom, No Fandom
20 Jun 2025
Tags
Summary
what i am doing and how and why
how i do my podfic thing with a second-hand kindle e-reader tablet; a third-hand iphone SE; a busted chromebook; and a gently used and only lightly chewed-upon set of wired gamer headphones with an attached little-bitty boom-mike!
⛔CONSTANTLY UNDER CONSTRUCTION⛔
-
The Misadventures of Sakura-chan by YureiTheGhost
Fandoms: 名探偵コナン | Detective Conan | Case Closed
15 Jun 2025
Tags
Summary
That day at Tropical Land, Kudou Shinichi disappeared and was never seen or heard of again.
Or was he?
_
Or: a chatfic where Kudou Shinichi never became Edogawa Conan and that somehow changed everything and nothing at the same time.
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
Tags
Summary
“Well,” said Frodo, stirring his tea. “The good news is I met my new neighbour this morning and he’s very handsome.”
“Oh, yes? What’s the bad news?”
“The bad news is I can never talk to him again."
-
Tags
Summary
“You have got to stop doing this It’s a waste of money, and time, and, and frankly it’s a waste of flowers.”
“I know,” said Frodo. “I know. But he’s so pretty, Merry. And so nice. And, when I go in we talk about flowers and today he was telling me all about the different colours you can get tulips in and what they mean –”
“I’d say this is getting weird, but honestly it sailed past weird a month ago."
In which Frodo has a small (small!) crush on an employee in his local flower shop and Merry is an excellent wingman, thank you very much.
-
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
Honestly, Hinata's glad he hasn't presented yet. It seems more hassle than it's worth, leads to friends acting weird, tells you who you can and can't date, has people sneering down their nose based on whether or not they think you fit. Kageyama's reputation still precedes him, lending jeers and whispers about the nature of his presentation. They say he's possibly the most insufferable alpha ever to walk the grounds; he's the reason they have a bad reputation.
-
Tags
Summary
Sam hasn't seen his brother in seven years, but when he takes a day trip with his friends to the mountains, he finds Dean in the most unexpected of places -- small town Colorado, pregnant, and holding a sleeping pup.
Weirder still: Sam finds Dean happy.
-
Greetings, Fellow Soldier. by ValiantBarnes (Cimila) for AlexSeanchai
Fandoms: Mulan (1998)
11 Jan 2022
Tags
Summary
You wonder if Mulan forgot that you were a conscript, also. That you'd be in the same camp and cohort of soldiers, for training at the very least. Had she planned on avoiding you the entire time or did she honestly think you wouldn't recognise her? It was probably on her list of things to plan for, eventually; right above 'think up fake name before walking into camp.'
-
Tags
Summary
Prompt from Anonymous: Could you do Mulan x Shan Yu story. Modern AU where they are martial artists rivals who fall in love.
-
Tags
Summary
They were used to Mulan oversleeping, 'Ping' had gotten into the habit of being an early riser.
-
Tags
Summary
Even in death, he would watch over her.
-
Dark Side of the Moon by freakydeakymoonmagic
Fandoms: Mulan (1998), Disney - All Media Types, Disney Princesses
11 Jun 2021
Tags
Summary
“What business does a woman have in a Chinese army?” Shan Yu asks with a birdlike tilt of the head.
“None.”
An exploration of what would have happened if Mulan and company fought at the Tung Shao Pass.
AKA Just thinking about how Shan Yu is the only one who behaves no differently knowing that the soldier from the mountains is a woman and continues to go about his business, which is killing people. What if he found out sooner? Feat. an actual battle where Mulan actually gets to use her sword.
-
Warrior by howlingmoonrise (TheDarkStoryteller)
Fandoms: Mulan (1998), Mulan - All Media Types
27 Aug 2017
Tags
Summary
While awaiting his fate after the events in the Forbidden City, Shan Yu thinks of the warrior who bested him.
-
Tags
Summary
A view from the far side of the Great Wall. Shan Yu does not expect to find a woman among the men whom he calls to arms.
-
Fonts, and colors, and work skins, oh my! by Charles_Rockafellor
Fandoms: css - Fandom, Work Skins - Fandom
24 Jan 2021
Tags
Summary
Explains:
● how to make a work skin;
● how to view fics' work skin rules;
● how to colorize text and circle words and highlight backgrounds (examples in head-note), and change and resize your fonts;
● how to turn all links blue-underscore automatically;
● the CSS code for diacritics to render properly, e.g.: “ầ” & “ồ” (with diacritics not superimposed), or “ị” (with underdot directly beneath, not kerned to the left), without breaking words such as “gầu” or “vịt” (using a monotype font for these letters would create gaps to each side of the ầ or the ị). Head-note has corrected examples;
● Site Skin addenda to block / shrink tags, and block authors / works;
● even a quick way (code included) to simply make a Site Skin so that you can read everything in your font of preference!Full code is included.
I read, appreciate, and reply to all of your comments — they're always welcome!
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 2 of How to
-
How to Block a User or a Work or a Series on AO3 by ao3commentoftheday
Fandoms: No Fandom
17 May 2022
Tags
Summary
If there are authors or stories out there that you'd rather not ever see in your search results again, you can create a site skin to remove them from your browsing experience.
This was first explained in an AO3 News Post, but I'm going to go into more detail so that anyone with an account can do it, with no need to do any coding at all. Just copy/paste.
Updated to include how to block a series! (and a link to how to block tags)
Series
- Part 8 of How to AO3
-
Tags
Summary
This is a tutorial/live example on how to mimic email windows on AO3 without the need to use images.
Series
- Part 12 of AO3 Work Skins/Tutorials
-
Tags
Summary
Derek pisses Stiles off, and Stiles issues an "open-door policy" for the teenaged werewolves in his life. (Which is, really, more of an open-window policy, because seriously: werewolves) After that it is, like, all werewolf all the time.
-
Tags
Summary
'"It's just a sandwich," Isaac mumbled around the food in his mouth, crunching a little between words. Derek firmly believed there was no such thing as 'just' anything where Stiles was concerned.'
Stiles begins to take on the role of the Pack Mom. Derek is confused and upset.
-
Tags
Summary
Erica is giggling somewhere in the background. “I think he’d like exactly what you’d like, mom.”
Or, a 5 Times fic wherein Stiles doesn’t realize he’s been accidentally co-parenting a gang of furry teenagers/displaying Perfect Mate Characteristics, + the 1 Time Derek enlightens him.
-
Tags
Summary
Stiles declares it hoodie-stealing season. Good thing Jackson has hoodies to spare.
-
Tags
Summary
“Huh, Christmas Eve of all days, would you believe that?” The boy turns to the redhead, who had dragged him along. They'd been on their way to get her ex, who had somehow managed to land himself in jail on Christmas Eve. It hadn't been the plan but Lydia knew even with all his faults she couldn't just leave him there.
“I figured out of everyone you knew, I’d be the most likely to end up here first. But damn. I guess he beat me to it.” Turning back to Jackson he continued. “I'm a little offended that you did it before me. But God Lyds, you really know how to pick ‘em.”
Or the one in which soulmates are real. And Jackson steals Lydia's boyfriend. Again.
(revised and edited)