Tutorial
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).
Bookmarks which have used it as a tag:
Pages Navigation
-
Tags
Summary
After years of silence and carefully maintained distance, nothing has ever truly changed between you and your ex-husband - Dr. Jack Abbot. You’ve mastered the art of civility, keeping the past buried beneath routine shifts and professional courtesy. But when a long-forgotten connection begins to surface, both of you are forced to confront what you left unresolved years ago.
wattpad/tumblr: @l0ngdog
-
Tags
Summary
This is a tutorial on how to create Twitter / X templates for AO3, includes both Tweets and profile card.
- Scalable so it's also accessible to mobile users.
- Tweets (chapter 1): text, tags, quote tweet, photo(s), replies, verified checkmark.
- Profile card (chapter 2): displays a user's profile as shown on Twitter.
- Please let me know if there are bugs and/or requests.Ao3 Twitter Template Generator now available! (Made possible by the amazing Anlanther): Now you only have to fill in your text and copy-paste the generated code!
-
Permablocking Specific Tags - Site Skin by Eli0t
Fandoms: Fandom - Fandom, AO3, No Fandom
10 Aug 2023
Tags
Summary
It finally exists. You can block any tag you want forever! You no longer need 3rd party extensions for this!
Series
- Part 1 of AO3 Skins
- Part 1 of :has() selector
-
A Beginner's Guide to HTML and CSS on AO3 by the_untamed_poet25
Fandoms: No Fandom, Fandom - Fandom, AO3, Original Work
15 Jun 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
-
A Beginner's Guide to HTML and CSS on AO3 by the_untamed_poet25
Fandoms: No Fandom, Fandom - Fandom, AO3, Original Work
15 Jun 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
-
A Beginner's Guide to HTML and CSS on AO3 by the_untamed_poet25
Fandoms: No Fandom, Fandom - Fandom, AO3, Original Work
15 Jun 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
-
Tags
Summary
There is a big difference between a trans man exploring his identity/sexuality through fanfiction, and a cis writer misrepresenting what it means to be FTM. If you're a cis writer with the best of intentions, I hope these guidelines and resources will assist you in improving your treatment of trans men.
Chapter 1: Writing Guide, FTM Anatomy.
Chapter 2: Gallery of Trans Men.
Chapter 3: FTM Media Recommendations.
Chapter 4: Racism in Trans Headcanons.This guide was originally posted on my old account, which has since been deleted due to transphobic comments, including threats of violence. I have posted it again anyway, because I take this matter very seriously. Do not repost, copy, or in any way plagiarise this guide. But please feel free to share a link to it, so that cis authors can improve the way that they depict trans men. I have tagged characters which are discussed in the guide, and are therefore relevant. If you encounter this guide while browsing those tags, that's why.
Series
- Part 4 of Original FTM Works
-
Tags
Summary
A collection of small snippets of code you can add to your own site skin and improve your own user experience on Ao3, including:
- hiding stats
- scrollable tag listsSeries
-
Tags
Summary
A quick guide on how to code and use the hover to translate workskin. This feature allows readers to hover on a word or image and have it change into the translation.
If you use this and want to link back so other people can use it, too, that'd be awesome.
-
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
Whatsapp work skin.
- Text messages, photos, videos, voice messages, links and quotes;
- Group chats;
- Header and icons;
- Scrollable. -
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
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
a VHS tape
a library card
a post card
many many hours of labor interspersed with screaming
a cassetteSeries
- Part 1 of Misuse of Company Time
- Part 6 of HTML Hatecrimes
-
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
-
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
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
-
Tags
Summary
A quick guide on how to code and use the hover to translate workskin. This feature allows readers to hover on a word or image and have it change into the translation.
If you use this and want to link back so other people can use it, too, that'd be awesome.
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom Deadpool (Comics), Deadpool - All Media Types, No Fandom, Star Trek, Star Trek: Starfleet Academy (TV 2026), Undertale (Video Game)
07 Feb 2026
- Words:
- 93,843
- Works:
- 21
- Bookmarks:
- 4,795
Bookmarked by Tulipz_Chick
11 Jun 2026
Bookmarker's Tags:
Bookmarker's Notes
I really want to use this guide, just to get the finest details so I can hook an audience! oWo
-
A Basic Beginner's Guide to Podfic Creation by Flowerparrish Arts et al (Flowerparrish) for vexbatch, basedtater
Fandoms: Podfic Fandom, No Fandom
25 Feb 2024
Tags
Summary
A beginner's guide to podfic, geared specifically toward those (like me) who want the absolute basics to get started, and might get overwhelmed with a more in-depth or nuanced guide.
-
Tags
Summary
Including translations for your story is a hassle, so I'm working to find an easy solution! Join me in this journey!
- PC and Mobile Friendly
- For both SHORT and LONG translations/notes
- Inline edits (no editing your work skin for every translation)