LegalVampire
Recent bookmarks
-
A Beginner's Guide to HTML and CSS on AO3 by the_untamed_poet25
Fandoms: No Fandom, Fandom - Fandom, AO3, Original Work
06 Jul 2026
Tags
Summary
You've seen it. A fic formatted like a classified document. A chapter that looks like a real social media feed. An interactive game, somehow, inside an AO3 work. You clicked the kudos button. You thought: how.
This is the tutorial that answers that.
A beginner-friendly guide to HTML and CSS on AO3 — no prior coding experience required. By the end of this series, you'll know enough to write formatted fics, build your own workskins, style your entire AO3 interface, and maybe make something that makes other people stop and think how.
Series
- Part 23 of Izzy's HTML & CSS Experiments
- Part 2 of HTML/CSS AO3 Skins & Tutorials
- Language:
- English
- Words:
- 39,899
- Chapters:
- 7/?
- Collections:
- 4
- Comments:
- 175
- Kudos:
- 1,082
- Bookmarks:
- 1,611
- Hits:
- 31,289
Bookmarked by LegalVampire
28 Jun 2026
-
Mimicking Twitter Posts for Fics - Some Twitter Workskins by Ultraviollett
Fandoms: Fandom - Fandom, Real Person Fiction
20 Apr 2024
Tags
Summary
A repository of a twitter skin I made for Ao3, so you can add your characters tweeting at eachother inside your fic. Friendly towards different siteskins, disabled workskins, screenreaders and mobile readers.
This is mainly a demo, not a tutorial. I am currently planning to create a generator for this workskin on this site.
Series
- Part 4 of AO3 workskins
Bookmarked by LegalVampire
28 Jun 2026
-
Tags
Summary
[this is an updated version of one of my older workskins!] The perfect workskin for when your character is scrolling through Youtube. I've made it to work well with the workskin disabled, and to look more seamless in fics.
Series
- Part 3 of AO3 workskins
Bookmarked by LegalVampire
28 Jun 2026
-
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
- Language:
- English
- Words:
- 28,034
- Chapters:
- 15/15
- Collections:
- 8
- Comments:
- 1,366
- Kudos:
- 7,066
- Bookmarks:
- 8,413
- Hits:
- 433,193
Bookmarked by LegalVampire
28 Jun 2026
-
You're Mine? by s_the_queen
Fandoms: 僕のヒーローアカデミア | Boku no Hero Academia | My Hero Academia
22 Feb 2026
Tags
Summary
Katsuki Bakugou and Izuku Midoriya endured had a long and troubled road to get to where they are now. Maybe that’s why they haven’t noticed that they’re dating even though everyone else has!
-or-
Slowly then all at once, Class 1-A realizes that Katsuki and Izuku are dating and just don't know it.