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
Do you like pushing buttons? Have you ever wanted a portable Jim, Stanley, and 8 Button? Well, do I have the product for you!
Remember to get into character: Your name is Jim.
-
turtles all the way down by wetsocks (Nicky_boy)
Fandoms: Batman - All Media Types, Teenage Mutant Ninja Turtles - All Media Types, Teenage Mutant Ninja Turtles (TV 2012)
16 Jan 2025
Tags
Summary
Jason doesn't want to talk to his family. He just wants to help his new roommate (who may or may not be a turtle) find a way home to his alternate dimension. Unfortunately Jason's family doesn't get the memo.
-
Tags
Summary
Poetry is an art; so it shall be.
-
vroom vroom kachow: Formula 1 Race Results Workskin by mackerel_cheese for Badhairred
Fandoms: Formula 1 RPF, No Fandom
18 Jan 2025
Tags
Summary
want to have a workskin for the race results in your f1/f1 inspired fics? here's one and how to use it.
Series
- Part 1 of .shapes_and_colours
-
How to target specific elements of your work (for work skins) by hearker (heark)
Fandoms: HTML - Fandom, Work Skins - Fandom, AO3 help - Fandom, No Fandom, css - Fandom
24 Feb 2025
Tags
Summary
This is a guide to help you precisely target elements in your work skins using CSS selectors. It doesn't focus on styling or adding cool effects!! This guide teaches you how to identify and select the exact elements you want to style.
CHAPTER 1 - Work Title
CHAPTER 2 - Author Name
CHAPTER 3 - Summary
CHAPTER 4 - Notes Part 1
CHAPTER 5 - Notes Part 2
CHAPTER 6 - Gifts
CHAPTER 7 - Inspired By
CHAPTER 8 - Chapter Title
CHAPTER 9 - Series
CHAPTER 10 - Selecting Multiple Headings
CHAPTER 11 - Body TextNote: This guide contains custom CSS. It's not necessary for the guide, it's only cosmetic. If you want to disable it, click "Hide Creator's Style" at the top.
-
Tags
- Language:
- English
- Words:
- 89
- Chapters:
- 1/?
- Collections:
- 1
- Hits:
- 7
-
Tags
Summary
A simple workskin to mimic a calendar.
Series
- Part 2 of Linwëlin's Workskins
-
𝐂𝐡𝐚𝐬𝐢𝐧𝐠 𝐭𝐡𝐞 𝐄𝐜𝐥𝐢𝐩𝐬𝐞 by GumbaBunny
Fandoms: The Batman (Movie 2022), Superman - All Media Types, Batman - All Media Types
05 Feb 2025
Tags
Summary
Clark is assigned an impossible task: Interview Bruce Wayne. The only problem? Bruce has always refused interviews, and Clark quickly learns that getting close to Gotham's reclusive billionaire is no easy task. How could he score an interview with him when no one else ever had?
On the other hand Bruce notices a reporter following him and unsure of his intentions follows Clark only to for him to be impossible to track down. This intrigued him, especially with his ability to catch even the most elusive criminals. How could one reporter slip through his fingers so easily every time?
-
Raincord - CSS Workskin by Im_bad_at_usernames0939
Fandoms: Rain World (Video Game), Testing
23 Feb 2025
Tags
Summary
Here is a discord-like chat emulation that I've been working on and off with for about a month. It has server tabs, profile pics, scroll functionality, username tokens, and (hopefully) is mobile-compatible. A lot of the code was inspired from much more talented coders (linked in notes), but a full explanation of the HTML and CSS is provided in chapters 2 and 3.
The main plan for this was for a Rainworld fic, so a lot of the major design principles came from that angle, but with enough tenacity I could easily see someone making a full emulation of discord.
-
Tags
Summary
关于如何用AO3原生HTML编辑器，模拟可滑动手机聊天记录效果。
欢迎所有人复制模版使用！
（使用的话在末尾credit一下我这一篇就好）
Series
- Part 1 of ao3 workskin series
-
detroit: become human workskin tutorial by thetanimal (gleomu)
Fandoms: No Fandom, Testing, Detroit: Become Human (Video Game)
07 Mar 2025
Tags
Summary
featured in this fic:
make decision options with a timer (ex. become deviant/remain a machine)
stress levels up and down
glitch out text WITHOUT ZALGO
relationship pop-ups, with path unlocked options
time & date pop-ups
tiny LEDs for the stress pop-ups
& general advice on how to set it up
-
Tags
Summary
A brief guide to putting a pair of cards, a deck or a game of Cards Against Humanity into your fanfic!
-
Tags
Summary
A tutorial on how to include a gift fic email into your fic.
-
Tags
Summary
Skin from the OTW 17th Anniversary but i modified it and added some nice details like a glow effect on the header, replacing the ao3 icons with more orderly ones(still default color scheme, just cleaner), round pfp, and finally a Harry Potter themed header bar. Non HP fans can remove it or add their own theme, this is just my own version.
Unmodified version on chapter two that viewers can do with as they please.
- Language:
- English
- Words:
- 2,088
- Chapters:
- 1/1
- Kudos:
- 1
- Hits:
- 154
-
How To Make Convincing(ish) Looking Veilguard Codexes for your Veilguard Fic [Guide] by Lunammoon
Fandoms: Dragon Age: The Veilguard (Video Game)
18 Feb 2025
Tags
Summary
I spend a few hours last Sunday trying to figure out how to get this to work, but I finally got something that I'm mostly happy with. I was using an original work labelled fic to keep track with the promise that I'd delete it eventually, but I decided to instead delete that and post it here. That way I don't have to delete it, and also it can possibly help out others.
EDIT 2/18/2025 FIXED ISSUE WHERE IT LOOKED TOO THIN ON MOBILE
-
Icarian Desires: A Knock Off Rolling Stones News Article AO3 Workskin by mackerel_cheese for YureiTheGhost
Fandoms: Black Seadevil Anglerfish RPF, Marine Biology - Fandom, No Fandom
19 Feb 2025
Tags
Summary
A HTML code breakdown on how to make a knock off Rolling Stones article with an AO3 workskin that accidentally became an open letter to the Black Seadevil Anglerfish who swam too close to the Sun.
Series
- Part 2 of .shapes_and_colours
-
Tags
Summary
Assorted HTML Projects I have been working on. Some of them are still WIPs, but I figured I'd share anyway.
Things currently contained:
a CD
a Polaroid
a scrolling phone conversation
a receipt
some floppy disks
many many hours of labor interspersed with screaming
a cassetteSeries
- Part 1 of Misuse of Company Time
-
Xologen's FORMATTING TESTS by Xologenevasuggestionamirightgamers (Xologen)
Fandoms: No Fandom
27 Feb 2025
Tags
Summary
I kinda got sick of the basic formatting, so I made my own. This is my testing area for it.
Feel free to take any of the code shown, I don't mind.
-
Tags
Summary
A drabble that is
100words.Series
- Part 2 of Beyond the Limit
-
The Weight of Being: A To Your Eternity Analysis by GumbaBunny
Fandoms: 不滅のあなたへ | Fumetsu no Anata e | To Your Eternity (Anime), 不滅のあなたへ | Fumetsu no Anata e | To Your Eternity (Manga)
02 Apr 2025
Tags
Summary
What does it mean to be alive? To be a human?
An analysis of To Your Eternity (不滅のあなたへ / Fumetsu no Anata e)'s first episode in depth without spoilers.
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
End Racism in the OTW (Second Layer) by Unraveled for clotpolesonly
Fandoms: Teen Wolf (TV)
21 Dec 2021
Tags
Summary
a Stackson fic with temporary amnesia - Jackson losing his memory reveals a soft and nice Jackson underneath due to the lack of his past memories that had made him bitter to begin with... Stiles likes this Jackson.
-
Tags
Summary
Stiles confronts Jackson after a pack meeting to find out why he’s been avoiding him recently.
-
Tags
Summary
“So, uh…tail!”
Probably not the most tactful opener. Jackson’s neutral expression was overtaken by pursed lips and narrowed eyes.
“Is that gonna be a problem?”
“No!” Stiles declared immediately, fighting the urge to bend down and get a better look at the thing, maybe run his hands along the scales to see if they were smooth or rough. “No, not at all. You just didn’t mention it anywhere on your profile. Seems like a significant thing to leave off.”
Jackson crossed his arms and leaned back in his chair. “Well, when I do include it, my inbox gets flooded by fetishist weirdos who are only interested in the tail.”
“…Yeah, that tracks.”
-
Tags
Summary
The wolf has protected the village for years, but no one treats it kindly. Mostly they stay away. Then Stiles finds himself in the den of the wolves.
Series
- Part 66 of Full Moon Fic(let)
-
Tags
Summary
“Ok, this might sound crazy but I need you to be my boyfriend.” He said, putting air quotes on the last word. “For the Christmas party. Just for that.”
“No.”
“Please? I got us into this pickle of a situation and you saying no would mean letting everyone’s expectations of us down!”
“Tell me how exactly your dumbassery pulled me into this?”
Series
- Part 2 of Stackson Week 2021
-
Bigger than a California King by KikiDoesFanfic for clotpolesonly
Fandoms: Teen Wolf (TV)
31 Jul 2021
Tags
Summary
'Well shit.' Jackson thinks, as he stares at the bed in the center of the room, eyes narrowing in distaste. Oh the bed itself would be fine, soft high threadcount sheets, comfortable matress that's just the right amount of firm, and a crisp clean comforter settled on top. The bed is fine.
But that's a lie.
There was only one bed, with a twist.
-
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
“A foolish split-second decision and a foolish pirate’s son was going to leave Norrington marooned on a deserted island… with Jack Sparrow.“
James Norrington thought it would be smart to sneak onto Jack Sparrow’s ship and strike when the time was right, but he was caught, and left on the island by Barbossa’s crew.
Now stuck with Sparrow and with no hope of escape, Norrington has to face his repressed feelings for the pirate captain.
-
Tags
Summary
It was Bill Turner who picked the knife up off the deck of the ship and gripped it tightly in his hand.
His eyes were sad, “I’m sorry, Jack. The ship needs a captain.”
Jack just nodded, shut his eyes and gritted his teeth, but nothing -absolutely nothing– could have prepared him for the blade that stabbed into his chest, or the excruciating pain that followed as Bill Turner carved Jack’s heart from his chest.
-
The ship goes down with the captain by lavenderburps
Fandoms: Pirates of the Caribbean (Movies)
17 Feb 2022
Tags
Summary
"I won't just let you get away," James answers resolutely. "You stole something from me, Sparrow."
The pirate lifts one finger that's covered in just a bit too much gunpowder to be anything but an intentional choice of aesthetic. "First of all: It's Captain, for everyone and you too. Second of all." The second finger is a bit cleaner, though also only half visible, the rest of it hidden in extravagant golden rings. "Don't let it get to your head. I've stolen more hearts than I can count."
James grits his teeth and this time he uses one of his most dangerous kind of glares. "Captain Sparrow, I am talking about my ship, and my sword. An 'I. O. U.' note does not preclude theft."
In which James is just trying to do his job and Jack is being a little shit (lovingly), making James' job a lot harder.
Series
- Part 1 of the mightiest ship of the seven seas
-
Tags
Summary
In which Jack visits Pirate Bay for a meeting under Pirate King Swann and meets an unfamiliar familiar face. James discovers the pirate life for himself and gets a second chance.
Series
- Part 2 of the mightiest ship of the seven seas
-
Tags
Summary
James Norrington was always set on Elizabeth to hide his ways but when he meets Captain Jack Sparrow, he can't hide who he is and he finds where he truly belongs.
-
Tags
Summary
Embedding tutorial
-
Tutorials and Experiments with Ao3 Coding by Red Dragon (Red_Dragonn), Red_Dragonn
Fandoms: Ao3 Tutorial - Fandom, Meta - Fandom
04 Jan 2023
Tags
Summary
Every other day I open up a new draft to figure out some formatting thing for a fic and then close it and do not share my discoveries or exploits with anyone. I've decided to just make those (or at least the "successful" ones) public for other people to use.
-
How to Save the World by Shinsō Hitoshi by orphan_account
Fandoms: 僕のヒーローアカデミア | Boku no Hero Academia | My Hero Academia
21 Apr 2022
Tags
Summary
The last thing Hitoshi will ever see is Eri screaming— Eri dying.
God, he failed, he failed Aizawa-sensei’s order, he failed his promise to make sure Eri lives.
(He’s so fucking useless, couldn’t even keep his own sister safe. He wonders why they think that he could have saved them all, why they even believed in him.)Hitoshi turns to dust.
Shinsou Hitoshi wakes up— with hands too small and memories that shouldn’t belong to him— but, he wakes up.
His only thought is this: He’d going to save Eri even if it kills him (again).HIATUS as of 10/9/2022. NOT ABANDONED
real life needs to be my priority rn, and i'm not sorry for that -
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
-
the idiot's incoherent guide to learning css & html for ao3 in dystopia by Anonymous
Fandoms: No Fandom
20 Jun 2022
Tags
Summary
CSS & HTML code illiterate but want to add socmed elements amongst other interesting elements in your work? The Idiot™ pertained in the title? Then this Idiot's Incomprehensible Guide is for you! Alternatively, an autobiographical exploit and documentation into learning CSS and HTML in AO3 through the guide of other authors written in a third person perspective. If you found this, I'm so sorry. I'm publishing this so it doesn't get deleted.
-
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,903
- Works:
- 19
- Bookmarks:
- 4,063
Bookmarked by TheLion_Shits_Carrots
30 Aug 2022
Bookmarker's Tags:
Bookmarker's Notes
Skiiiiiiiiiiinnnnn
-
Tags
Summary
Just a quick and dirty HTML reference for AO3, with references to CSS style, HTML style, and other guides.
Series