Template
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
-
Sinister Motives: An Earth 723 Fic by RowenaZahnrei
Fandoms: X-Men - All Media Types, X-Men Evolution, X-Men (Comicverse), Excalibur (Comic)
22 Oct 2024
Tags
Summary
Thirty years after "Evolution" Xavier's X-Men are all grown up and leading their own teams. Based in Britain, Nightcrawler's team, Excalibur, tracks a female serial killer apparently targeting mutants. Could these gory murders be linked to the infamous Jack the Ripper? Or are there more sinister minds at work? For Nightcrawler and Excalibur, this case may hit too close to home.
This story is currently In Progress. Reviews Welcome! :)
-
Tags
Summary
this is a podfic template that can be used for posting podfic in most places podfic can be posted. Works best with a cover
-
Tags
Summary
You and your partner decide to foster monsters. You end up getting quite a few. It's a full house and everyone has their own issues, but it's the best family you could have ever dreamed of.
-
Tags
Summary
Code and Tutorial for a 2020-style reddit post.
-
Tags
Summary
A work skin and tutorial for logic grid puzzles on AO3. This tutorial includes 2 versions of a logic grid puzzle: a basic version (printable!) and an interactive puzzle grid!
See Chapter 1 for an overview of the style with annotations, Chapter 2 for an explanation of how it all works (including a tutorial on making the grid printable, hiding the solution table behind a spoiler block and how to make the grid interactive), Chapter 3 for the full CSS code for easy copy-pasting, Chapters 4 and 5 for an example of an interactive 3x3x3 logic grid with the HTML code, Chapters 6 and 7 for a basic 3x3x3 grid and Chapters 8 and 9 for a 4x4x4 logic puzzle grid.
All the puzzles that appear in this tutorial are solvable and the solutions are included here!
-
Tags
Summary
A work skin tutorial of a Google Search Suggestions page in AO3.
See Chapter 1 for examples of the work skin with 4 different suggestions types (auto-complete suggestions, recent history, related to recent searches and trending searches), Chapter 2 for an explanation of the CSS work skin, Chapter 3 for the complete CSS code of the work skin, Chapter 4 for explanations of the HTML code and Chapter 5 for the complete HTML code (all 4 types of suggestions).
-
Tags
Summary
A work skin and tutorial for a Discord chat in AO3. The Discord page is available in light and dark mode!
See Chapter 1 for examples of the work skin, Chapter 2 for a tutorial on how to set up your HTML page and explanations on the code, Chapter 3 for HTML templates for easy copy-pasting and Chapter 4 for the complete CSS code of the work skin.
-
Tags
Summary
A mock-up of a fake article about a TV series, with CSS and HTML code and a brief guide on how to use it.
-
How to Mimic LiveJournal Posts and Comments by cursedcuriosities (SetsuntaMew)
Fandoms: No Fandom
17 Apr 2023
Tags
Summary
This is a tutorial/live example on how to mimic mid-2000s LiveJournal posts and comments.
Series
- Part 1 of Killian's AO3 Work Skins
-
Tags
Summary
I deconstructed Heterochromia_Mars's Discord skin and reconstructed a new one that should work slightly better on screens of all sizes, especially mobile screens.
Note: Please check Chapter 3 for CSS code whenever the skin updates!
-
Tags
Summary
给中文用户的AO3皮肤指南和CSS代码。
可配合B站教程av43178453食用。 -
Skin for Recreating Discord’s Server Member List by SpookyTesting (FierySprites)
Fandoms: No Fandom
21 Sep 2023
Tags
Summary
A work skin for recreating the server member list used by the social platform Discord, circa September 2023. Only uses the color palette for Discord’s dark mode, not light mode.
-
Tags
Summary
A work skin tutorial of a Rate My Professor page in AO3 (old UI).
See Chapter 1 for examples of the work skin, Chapter 2 for the complete CSS code of the work skin and step-by-step instructions on how to use a work skin, Chapter 3 for the HTML code template and Chapter 4 for explanation on how it all works.
-
Скин для воспроизведения страницы Фикбука на AO3 by Anonymous
Fandoms: No Fandom, Archive of Our Own, русреал - Fandom, Король и Шут | Korol i Shut (Band)
28 Oct 2023
Tags
Summary
Это сверстанный шаблон страницы фикбука (с подключаемым скином и гайдом по применению) в формате «фика внутри фика» для всех, кто пишет в русреаловых сеттингах и хотел бы таким образом добавить своим работам аутентичности.
Тег фандома стоит из-за фрагмента с примером.
-
Tags
Summary
A work skin template of a Baidu (Chinese search engine) Search Suggestions or History page in AO3.
-
MONSTER SMUT OUTLINE - Write your own Monsterfucking! by Anonymous
Fandoms: Original Work
15 Jan 2024
Tags
Summary
So, you want to write monsterfucking. But where to begin, oh, where to begin! Look no further!
Here is an easy to follow template you can use. Just be sure to delete the prompts before you post!
Series
-
Hold-hands Inspired Texting Skin by cursedcuriosities (SetsuntaMew)
Fandoms: Ensemble Stars! (Video Game)
25 Sep 2024
Tags
Summary
This is a tutorial/live example for a Hold-hands inspired texting skin, based on the look of iOS messaging.
Series
- Part 2 of Killian's AO3 Work Skins
-
Tags
Summary
A work skin for imitating the style of a blog or online journal post.
Chapter 1: Intro and example blog post
Chapter 2: CSS and how to create a work skin
Chapter 3: HTML to use the work skin
Chapter 4: Add a background image
Chapter 5: Add header and footer banners/images
Chapter 6: Changing the colors of the text and backgrounds -
Work Skin Recreating Fire Emblem Engage Stat Gauges by flameMail
Fandoms: Fire Emblem Engage, Fire Emblem Series
28 Jul 2025
Tags
Summary
A work skin recreating Fire Emblem Engage's stat gauge screen for level up and class changes.
-
Grid/Graph Paper Work Skin & Tutorial (Variant of How to Create Notebook Lined Paper on AO3 by La_Temperanza) by Kantayra
Fandoms: No Fandom
22 Sep 2025
Tags
Summary
There is already an excellent tutorial "How to Create Notebook Lined Paper on AO3" by La_Temperanza. But what if your notebook paper comes from a notebook that has grid/graph paper, such as a lab book, computation book, or blueprint paper? This tutorial shows you how to recreate the look of grid/graph notebook paper on AO3 using CSS/HTML, without any image files.
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
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
- Language:
- English
- Words:
- 4,500
- Chapters:
- 2/2
- Collections:
- 7
- Comments:
- 385
- Kudos:
- 3,941
- Bookmarks:
- 3,846
- Hits:
- 170,509
Bookmarked by Janneia
03 Feb 2017
Bookmarker's Tags:
Bookmarker's Notes
Because then I don't have to code the thing myself, should I have to, as someone's already done it for me! :3 TYSM OP! :D
-
Tags
Summary
This is supposed to be a fanfic? I literally only found like two fics of this ship so... I shall grace this fandom with my presence and contribute some more non-canon bullshit yay!
I have no idea where this plot is going so if anyone has any ideas I mean... Comment? ;-;
My writing sucks by the way and I don't mind if you wanna insult me.
-
Tags
Summary
Ryan didn't notice anything until people online started saying it, and then he just couldn't stop seeing the signs.
-
Social Media Work Skin Template: Whatsapp by etc e tal (pe_pe_peperoncinocandy)
Fandoms: No Fandom
15 May 2021
Tags
Summary
A tutorial for a screen reader friendly WhatsApp mockup work skin.
-
Tags
Summary
Template has zero motivation to do anything
It's not a good thing eitherSeries
- Part 12 of Maggic's Undertale Human AU
-
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
-
How to Override the Archive's Automated Chapter Headers by C Ryan Smith (AiedailEclipsed)
Fandoms: No Fandom
25 Nov 2018
Tags
Summary
This is a tutorial/live example on how to override the Archive's automated chapter heading system and define your own (eg remove "Chapter 1: Chapter Title" and insert "Act 1, Verse 1" instead).
-
Tags
Summary
This is a tutorial/live example on how to create a "Choose Your Own Adventure" fic. While this has been explained before (see here), this particular tutorial shows you how to use a work skin to hide the next parts from the reader until they click through to get to them.
Series
- Part 16 of AO3 Work Skins/Tutorials
-
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!
-
Tags
Summary
A companion to Repository. A comprehensive guide to coding focused solely on emulating Twitter posts for fun or for archiving Twitter fics, up to and including:
- Quote Retweets
- Embedded Images
- Twitter PollsSeries
-
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!
-
Tags
Summary
where I test and share my original workskins and experiment with improvements to existing skins.
- additions to Heterochromia_Mars's Discord skin
- TV/theater scripts
- AO3 Entries
- Tumblr DMs (experimental)
last edit: 3/27/20
-
How to make a News Website Article skin on Ao3 by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
26 Dec 2019
Tags
Summary
Live example and tutorial for a news article extract that include website header, fake social media buttons, title and author of the article.
Series
- Part 1 of CSS code scripts for Ao3
-
Tags
Summary
Documentation/Examples for the CSS workskin and HTML code for a Wikipedia article inspired layout to use in your mixed media works.
Created with help from Nautilusopus and DarthTofu.
-
Tags
Summary
Have you ever wanted to put a Tumblr post in your fic? Even if you haven't, you now can!
This is a tutorial on how to mimic different Tumblr post types using a work skin, without using screenshots.
-
Tags
Summary
An updated version of spookedcroon's Reddit template for use on AO3. (Updated 3/29/25.)
-
Tags
Summary
What it says on the tin.
A mock-up of instagram direct messages without having to use screenshots.
-
Tags
Summary
Youtube Comment section Workskin.
-
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
This is a live example of my AO3 skin that allows the author to recreate the look of sticky notes (aka Post-Its) in their fic. To learn more about it, you can find the tutorial here.
Series
- Part 8 of AO3 Work Skins/Tutorials
Pages Navigation
Collections which have used it as a tag:
-
Assorted Work Skins (AssortedWorkSkins) by Ailren
30 Jan 2026
Collection Tags: Fanwork Research & Reference Guides, Work Skin, CSS, HTML, Tutorial, Guide, Work Formatting, Coding Tutorial, Template, Meta
Summary
A collection of various work skins.
See bookmarker's tags to sort by type.
(Open, Moderated)