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
Embedding tutorial
-
Tags
Summary
Just a test for Colour Fonts used on the Basic Skin. This is so I can have people test out whether the fonts are eye-bleeding between Light and Dark Modes while reading, and so personally have quick and easy access to copy/paste CSS for colours.
-
Tags
Summary
Example and basic code for making some text hidden or optional on Ao3 using details and summary tags
-
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
-
CSS in Testing by InfinitysWraith
Fandom: Ao3 Skins - Fandom, Ao3-Skins, css - Fandom, Work Skins - Fandom, Work-Skins
22 Aug 2023
- Words:
- 25,045
- Works:
- 2
- Bookmarks:
- 30
Bookmarked by VestigialPersonality
02 Jul 2024
Bookmarker's Tags:
Bookmarker's Notes
Works 2/2
CSS in Testing by InfinitysWraith (SeriesID: 2905296) Read: 2024
-
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
Popup tooltips that work well on both desktop (hover) and mobile (tap open and close). Constrained width, so best for short tooltips or translations for a couple words at the most.
Series
- Part 1 of Simbeline's Work Skins
-
Tags
Summary
This is a tutorial/live example on how to mimic social media in an AO3 work, specifically Twitter, Reddit, and LiveJournal.
-
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.
Bookmarked by Cloudyxmie
12 Jul 2024
Bookmarker's Tags:
Bookmarker's Notes
Fucking need this for later
-
Whatsapp Work Skin Template /Revamped by etc e tal (pe_pe_peperoncinocandy)
Fandoms: No Fandom
21 Apr 2023
Tags
Summary
Whatsapp work skin.
- Text messages, photos, videos, voice messages, links and quotes;
- Group chats;
- Header and icons;
- Scrollable. -
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,025
-
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 Incomplete Bat Lore: A Biased Guide to Chaotic Canon by Anonymous
Fandoms: Batman - All Media Types, Batman (Comics)
08 Apr 2023
Tags
Summary
Information you might struggle to navigate in a wiki. Quotes. Approximate ages. Characterization notes. Visual references. Best date night locations in Gotham. Which Bat Family member canonically writes fan fiction. Story recommendations. Biased commentary.
How do I tag my fic? Which comics should I read? How can I skip the comics?
Profiles: Cassandra Cain • Talia al Ghul • Stephanie Brown • Dick Grayson • Tim Drake • Jason Todd (Robin) • Jason Todd (post-resurrection) • Bruce Wayne • Damian Wayne • Barbara Gordon • Alfred Pennyworth • Rogues • Other Gothamite heroes and allies
Locations: Wayne Manor, the Batcave, other residences and bases, Gotham City
Notice: Do not display "Entire Work" without a very good Internet connection. The guide is long and contains embedded media.
-
Tags
Summary
This is a simple tutorial for using HTML to create basic iOS text messages in Ao3. I'll do my best to make this easy to understand! This is intended for users who have little-to-no experience with this process at all, so bear with me if it's a bit redundant about some features you're already familiar with.
-
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
-
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
-
Tags
Summary
Embedding tutorial
-
Tags
Summary
As of April 2016, The database that stores works on A03 does not allow emoji. If you try to add an emoji it will end your story there. Any words after the emoji? Poof. Gone. This is a known, if poorly advertised, issue with the archive.
There are some workarounds; you can find them in: How to Make iOS Text messages on A03. But here? Here is for ALL THE EMOJI*.
10 chapters of emoji tables, each with the HTML for putting the emoji into your work and the CSS for putting it into your workskin. Copy-Paste baby. Copy-Paste.
*Does not contain the 2016 Unicode release. You'll have to come up with the code for pickle yourselves.
(Note, because this is 10 chapters of emoji tables, here is a link to the Index Tables (chapter 1) to speed up load times and reduce confusion if you have preferences set to "entire work.")
Series
- Part 11 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 33,325
- Chapters:
- 11/11
- Collections:
- 4
- Comments:
- 51
- Kudos:
- 310
- Bookmarks:
- 338
- Hits:
- 22,605
Bookmarked by Undercover_ballerina (undercover_ballerina)
24 Aug 2024
Bookmarker's Tags:
Bookmarker's Notes
tutorial emoji
-
Tags
Bookmarked by stupidloverrr
28 Aug 2024
Bookmarker's Tags:
Bookmarker's Notes
no way this is cray cray
-
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
Bookmarked by GumbaBunny
08 Sep 2024
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
Impressive and detailed tutorial for coding. This is the work that got me to learn Html/Css for ao3.
Hover Effects, Css/Html Art (triforce, tablet, raven, etc.), CYOA elements, Hover to reveal or change text or images, Changing chapter names, Sliding door, Grid of colors, Website/Webpage, Popup Text, Sun hover (3+ seconds), invisible links, Background shenannigans (gif overlay, etc), Letter, Hidden Text (via css), Overlapping Text, and more.