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).
Works which have used it as a tag:
Pages Navigation
-
Tags
Summary
A short tutorial for creating ruby text (furigana) in AO3, using CSS and HTML.
-
A Guide to Writing Amnesia by an Amnesiac. Steven Universe Edition. by Lordsamethstarr
Fandoms: Steven Universe (Cartoon)
24 Jan 2020
Tags
Summary
A day in the life of Steven if he lost his memories past the age of 12.
A guide on how to be more accurate depicting amnesia, featuring Steven Universe and written by an actual amnesiac.
-
Tags
Summary
An exciting new way to format pesterlogs in html!
-
Tags
Summary
I decided I wanted to add a Fanlore page for Filthy Pierre's Microfilk.
-
Tags
Summary
I spent a month looking for how to use footnotes on ao3, so here
-
Бесполезное пособие by fandom Severus Snape 2020 (Fandom_Severus_Snape)
Fandoms: Harry Potter - J. K. Rowling
05 Aug 2020
Tags
Summary
Рисунок-инструкция с комментариями
Series
- Part 3 of Fandom Severus Snape 2020 челлендж
-
Шрам Олафа Кальдмеера by fandom Valdmeer AU and HappyEnds 2020 (Valdmeer_2020), Koldthav
Fandoms: Otbleski Eterny | Reflections of Eterna - Vera Kamsha
03 Aug 2020
Tags
Summary
Мастеркласс по рисованию шрама при помощи аквагрима и акварельных красок
-
Tags
Summary
Что общего между "Убить Билла" и фрезерным станком?
(И там, и там вырезают кисок)[Декоративный элемент для интерьера + поэтапка + файлы для самостоятельного исполнения]
11 изображений, суммарно ~11 Mb.Series
- Part 2 of Челлендж (fandom Tarantino 2020)
-
Tags
Summary
Among Us inspired chat skin for your AO3 and meme needs
Series
- Part 1 of #ao3_work_skins
-
Tags
Summary
are your characters stuck in quarantine and attending online zoom classes??? here's a really simple skin for that
Series
- Part 2 of #ao3_work_skins
-
A Prologue: In Which Severus Snape Learns the Story of Diomedes' Downfall Draught by ap_aelfwine
Fandoms: Harry Potter - J. K. Rowling
03 Dec 2020
Tags
Summary
A tutorial session in Severus Snape's Sixth Year.
-
Tags
Summary
For anyone who wishes AO3 had dark mode, I have great news! Dark mode has been possible since 2013, you just need to know how to apply it.
Even better news? It's easier now than it ever has been before. Tutorial inside.
You need to be logged into an AO3 account for this to work.
Series
- Part 5 of How to AO3
-
Tips for Handling Broken Links to Fics and Fanworks by resourceress7
Fandoms: Fandom - Fandom, Multi-Fandom, No Fandom
06 Jan 2021
Tags
Summary
Oh no! You've been dying to get your hands on that fic, fanvid, or fanart that people keep recommending, but you can't find a link to it that works.
Sometimes a link is not really broken, and sometimes content is available elsewhere if you know how and where to look.
Includes some strategies specific to Livejournal and Dreamwidth, but the rest is applicable to the entire internet.
-
Fonts, and colors, and work skins, oh my! by Charles_Rockafellor
Fandoms: css - Fandom, Work Skins - Fandom
24 Jan 2021
Tags
Summary
Explains:
● how to make a work skin;
● how to view fics' work skin rules;
● how to colorize text and circle words and highlight backgrounds (examples in head-note), and change and resize your fonts;
● how to turn all links blue-underscore automatically;
● the CSS code for diacritics to render properly, e.g.: “ầ” & “ồ” (with diacritics not superimposed), or “ị” (with underdot directly beneath, not kerned to the left), without breaking words such as “gầu” or “vịt” (using a monotype font for these letters would create gaps to each side of the ầ or the ị). Head-note has corrected examples;
● Site Skin addenda to block / shrink tags, and block authors / works;
● even a quick way (code included) to simply make a Site Skin so that you can read everything in your font of preference!Full code is included.
I read, appreciate, and reply to all of your comments — they're always welcome!
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 2 of How to
-
Flowers: the science of resilience by yue_ix for enviropony
Fandoms: 镇魂 | Guardian (TV 2018)
12 Feb 2021
Tags
Summary
Flowers representing Li Qian and Zhu Hong, made of plastic, wires, tights, string and duck tape. (Tutorials and step by step in chapter 2)
Series
- Part 2 of Guardian flowers: unusual media bouquets
-
All in the Wangxian Family by tungstenpincenez
Fandoms: 陈情令 | The Untamed (TV), 魔道祖师 - 墨香铜臭 | Módào Zǔshī - Mòxiāng Tóngxiù
24 Apr 2023
Tags
Summary
Chinese family trees explained by Professor Lan and Madam Yu.
This is a quick reference for the non-Chinese authors floundering with all the Chinese family terminologies.
-
Posting Fanfictions & How to Tag Them by A_Professional_Daydreamer
Fandoms: Original Work, Tutorial - Fandom
08 Mar 2021
Tags
Summary
Tutorial with Timestamps on How to Post a Fanfiction on Archive Of Our Own as well as How to Tag a Fanfiction on AO3 to get more Hits and Kudos!
-
[Tutorial] The Secret to Proper Paragraphing & Writing Dialogue by OokamiKasumi
Fandoms: Original Work
22 Mar 2021
Tags
Summary
Want to Know the Biggest Secret in the Fiction Writing Industry?
Want to know the #1 'make it or break it' thing editors look for in potential manuscripts?
It's not Plotting techniques, Characters types, Themes, Settings, Genre formats, or anything else like that.
It's the story's Sentence Structure.
Disclaimer: This is how I was taught to paragraph and write dialogue for publication purposes by my professional editors. If you don't want to do it this way -- Don't. (Less competition for me.)
NOT a punctuation article.
Series
- Part 1 of Writing Tips and Tricks
-
Tags
Summary
My BIGGEST Pet Peeve: Description-less Fiction.
I utterly loathe reading a story where everything happens in a colorless vacuum. You don't know where they are, you don't know what they're doing, you don't know what the Characters LOOK LIKE! I despise a story where I can’t SEE, or worse can see only bits of what's going on.
How the heck am I supposed to imagine the scene like a movie in my head without knowing what stuff looks like?!
This tutorial will show you exactly how to fix this heinous problem.
Disclaimer: This is how I was taught to write for publication purposes by my professional editors. If you don't want to do it this way -- Don't. (Less competition for me.)
Series
- Part 2 of Writing Tips and Tricks
-
[Tutorial] Writing ACTION Sequences -- The Plug & Play Method by OokamiKasumi
Fandoms: Original Work
23 Mar 2021
Tags
Summary
If you want the Reader to SEE the actions that you are trying to portray as a movie in their minds, Chronological Order is the ONLY way to do it Right.
DISCLAIMER: As with all advice, take what you can use and throw out the rest. As a multi-published author, I have been taught some fairly rigid rules on what is publishable and what is not. If my rather straight-laced (and occasionally snotty,) advice does not suit your creative style, by all means, IGNORE IT.
Series
- Part 3 of Writing Tips and Tricks
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
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,053
-
Tags
Summary
Embedding tutorial
-
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,053
-
Tags
Summary
This is an example story to demonstrate some CSS formatting options on the Archive. Click the "Hide Creator's Style" button and check out the related tutorial to see how it's done.
-
Tags
Summary
Embedding tutorial
- Language:
- English
- Words:
- 212
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 3,131
- Kudos:
- 7,647
- Bookmarks:
- 4,881
- Hits:
- 368,817
Bookmarked by Niwasae
22 Jan 2017
Bookmarker's Tags:
Bookmarker's Notes
tutorial: embedding images and links
-
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
-
Tags
Summary
Primarily just where I share work skin code and discuss ways to improve the Ao3 experience, including:
- Twitter and Instagram like posts
- Non iOS messaging systems
- Avatar and image formatting for script formats.
- Search engine interfaces
- Documentation on AO3 Site SkinsSeries
-
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,053
Bookmarked by aerynevenstar
24 Feb 2017
Bookmarker's Tags:
Bookmarker's Notes
Absolutely amazing AO3 formatting tutorials!!!
-
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
-
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
- Language:
- English
- Words:
- 24,090
- Chapters:
- 12/17
- Collections:
- 8
- Comments:
- 1,064
- Kudos:
- 5,827
- Bookmarks:
- 6,667
- Hits:
- 357,796
Bookmarked by sear
05 Apr 2017
Bookmarker's Tags:
Bookmarker's Notes
A Complete Guide to 'Limited HTML' on AO3 by CodenameCarrot - tutorial
Useful
-
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 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
-
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,053
-
Tags
Summary
Embedding tutorial
-
Tags
Summary
Embedding tutorial
- Language:
- English
- Words:
- 212
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 3,131
- Kudos:
- 7,647
- Bookmarks:
- 4,881
- Hits:
- 368,817
Bookmarked by whilewewereyetsinners
24 Jun 2017
Bookmarker's Tags:
Bookmarker's Notes
So, so useful. :D
-
Tags
Summary
Primarily just where I share work skin code and discuss ways to improve the Ao3 experience, including:
- Twitter and Instagram like posts
- Non iOS messaging systems
- Avatar and image formatting for script formats.
- Search engine interfaces
- Documentation on AO3 Site SkinsSeries
-
Tags
Summary
Embedding tutorial
- Language:
- English
- Words:
- 212
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 3,131
- Kudos:
- 7,647
- Bookmarks:
- 4,881
- Hits:
- 368,817
Bookmarked by bookjunkie1975
05 Jul 2017
Bookmarker's Tags:
Bookmarker's Notes
Dear leftennant. We who write salute you.
Embedding tutorial
Super Awesome Learning How to Embed Place - leftennant
-
How to Write a Casefic - BBC "Sherlock" Edition by Jolie_Black
Fandoms: Sherlock (TV), Sherlock Holmes & Related Fandoms, Sherlock Holmes - Arthur Conan Doyle
14 Oct 2016
Tags
Summary
A meta on how to write Sherlock Holmes casefic in general, and for the BBC "Sherlock" fandom in particular.
Dos, don'ts, and rules of thumb. -
Tags
Summary
Embedding tutorial
-
Tags
Summary
This guide will help you with formatting pesterlogs using the Homestuck Work Skin. It is also very silly.
Now featuring the Almighty Cheat Sheet of Doom - a special cut-out-and-keep sheet with every HTML code you'll ever need to be a Pestering Master.