how to ao3
This tag belongs to the Additional Tags Category.
This tag has not been marked common and can't be filtered on (yet).
Works which have used it as a tag:
-
Tags
Summary
I spent a month looking for how to use footnotes on ao3, so here
-
Tags
Summary
Some information about what AO3 bookmarks are and how you can use them.
-
Tags
Summary
If you're new to AO3 or just confused by tags in general, this guide attempts to break it down as simply and clearly as possible. This is written with readers in mind but might also be helpful for writers.
Series
- Part 1 of How to AO3
- Part 2 of tagging
-
Tags
Summary
Have you ever wanted to block an author, a tag, a key word, or a fic title from showing up in your AO3 results? The AO3 Savior browser extension might just be what you're looking for.
This work is a tutorial for how to install and use AO3 Savior. It works across browsers on desktop, but only Firefox allows extensions on mobile.
Series
- Part 7 of How to AO3
-
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 8 of How to AO3
-
Tags
-
Tags
Summary
If there are authors or stories out there that you'd rather not ever see in your search results again, you can create a site skin to remove them from your browsing experience.
This was first explained in an AO3 News Post, but I'm going to go into more detail so that anyone with an account can do it, with no need to do any coding at all. Just copy/paste.
Series
- Part 12 of How to AO3
-
How to Find Fanfics with Type 1 Diabetes in Fandom - A Comprehensive Guide to Navigating an AO3 Collection by Sweet-blood (Too_Short_for_My_Own_Good)
Fandoms: No Fandom
17 Jul 2022
Tags
Summary
A walk-through style guide on navigating an AO3 collection (specifically Type 1 Diabetes In Fandom, but most of the info can be applied to other collections too). Originally posted on tumblr.
-
Hiding/showing things based on Creator's Style by MijuWrites
Fandoms: No Fandom, Original Work
09 Mar 2023
Tags
Summary
A guide on how to have some writing only appear with Creator's Style hidden, and some other writing only appear with Creator's Style shown!
Really handy if your fic relies on Creator's Style a lot and you're worried about how it might look with its style hidden; or if you want to play around with letting the user interact with Creator's Style!
-
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) -
Tags
Summary
這是一篇教你使用AO3官方分享的書籤小工具(Bookmarklet)來收藏其他網站作品的教學文。
你需要的是:支援JavaScript的瀏覽器(通常都有)、一篇喜歡到想收藏在AO3的文章,與一點替作者填寫標籤簡介的耐心。筆者還雞婆地分享了很多可能也用不到的書籤小工具,來看到底用不用得到嗎?
20/01/24更新:隱藏搜尋運算符
-
Tags
Summary
A basic guide to how to search, read, and tag on ao3!
- Language:
- English
- Words:
- 3,912
- Chapters:
- 1/1
- Kudos:
- 4
- Hits:
- 57
Bookmarks which have used it as a tag:
Pages Navigation
-
Tags
Summary
There are some great quick guides to HTML on A03. This is not one of them - it is a comprehensive guide, dividing all of the available tags into the following categories:
1. Text Formatting (in-line HTML)
2. Page Formatting (block HTML)
3. Tables and Lists
4. Links and ImagesEach tag will 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.
It will also introduce tag attributes, ways to further refine formatting, for a few simple - but widely applicable - cases.
-
How to by Charles_Rockafellor
Fandom: AO3, AO3 help - Fandom, css - Fandom, The Matrix (Movies), Work Skins - Fandom
24 Sep 2023
Summary
This series started as just a one-shot to help people with AO3's CSS for making work skins. Now that I've written a piece on making series (originally for a friend, but then shared to a Facebook group, so I figured why not add it to AO3), I figured that the two really should be linked for tutorial purposes. I had no plans to do any of this at first, so maybe I'll add more in the future (Collections come to mind, and they're really easy to do).
I don't expect to add further tutorials, but I hadn't expected to write these either. I'm calling the series complete, but who knows (one thing that keeps nudging me is to take the statistics and show how fics' half-lives vary, for example; another is putting all weird AO3 fixes into one spot).
NB: If you're wondering, please see How to make and fix a series on AO3 (in this series with the tutorial on CSS work skins for fonts, which made that link become underscored blue ink [assuming that your browser settings, site skin, and third party apps didn't prohibit it]).
- Words:
- 78,172
- Works:
- 5
- Bookmarks:
- 50
-
- Words:
- 19,910
- Works:
- 13
- Bookmarks:
- 513
-
Tags
Summary
There are some great quick guides to HTML on A03. This is not one of them - it is a comprehensive guide, dividing all of the available tags into the following categories:
1. Text Formatting (in-line HTML)
2. Page Formatting (block HTML)
3. Tables and Lists
4. Links and ImagesEach tag will 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.
It will also introduce tag attributes, ways to further refine formatting, for a few simple - but widely applicable - cases.
-
- Words:
- 19,151
- Works:
- 14
- Bookmarks:
- 228
-
Tags
Summary
In this work, I'm going to outline different elements of AO3 and how you can customize them in different ways. Using these instructions, you can start understanding the basics of CSS code for the specific purpose of creating an AO3 site skin.
I'm self-taught with CSS and still learning how to build a comprehensive AO3 site skin, but I'm sharing what I know so that you can join the skin-creation community - or at least modify existing skins to suit your needs better.
No prior knowledge of CSS or html are required to use the instructions in this work.
-
pi learns how to site skin by ao3commentoftheday, memorizingthedigitsofpi
Fandom: Game Changer (Dropout.tv), No Fandom
09 Mar 2024
- Words:
- 28,430
- Works:
- 21
- Bookmarks:
- 59
-
- Words:
- 19,910
- Works:
- 13
- Bookmarks:
- 513
-
Tags
Summary
Example and basic code for making some text hidden or optional on Ao3 using details and summary tags
-
Tags
Summary
So I started off with a pink palette and an image of flowers. I ended with a theme that is pink on pink on pink on pink. Did I get carried away? Perhaps. Will anyone use this? Probably not. But if you do, I hope you enjoy!
You can see screenshots of this skin in this tumblr post.
Series
- Part 17 of pi learns how to site skin
-
Tags
Summary
Would you like to change your AO3 so that each type of tag is a different colour? Do you want to make the Relationship tags bold instead of the Warnings? Do you want to combine this Quality Of Life feature with another skin you're already using? Read on!
Chapter One is the CSS code (for those who already know how to site skin). Chapter Two is an explanation of how to put a skin onto your AO3, as well as how to combine skins.
You must be logged into an AO3 account in order to use a site skin.
Series
- Part 13 of How to AO3
- Part 16 of pi learns how to site skin
-
Tutorial: How to Have Your Site Skin Change Automatically Between Desktop and Mobile by Eli0t
Fandoms: Fandom - Fandom, AO3, No Fandom
23 Oct 2021
Tags
Summary
Have you ever wanted the mobile version of the site to be a bit different from the desktop one? Such as making the font larger? Here's how!
Series
- Part 2 of AO3 Skins
-
Tags
-
Tags
Summary
A tutorial on how to toggle the content of a paragraph when it is clicked. Helpful for pop-up spoilers, language translations, quick author's notes, etc.
-
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).
-
How to Mimic Author's Notes and Kudos/Comment Buttons by La_Temperanza
Fandoms: No Fandom
20 May 2017
Tags
Summary
Anonymous on tumblr: do you have a skin that would mimic the author’s notes and review/kudos buttons section from the end of a fic? the desired effect being that the fic could go on after the “end” of the fic, so after the author’s notes and review/kudos buttons
Here's a tutorial/live example to do just that, with some of the buttons actually functioning. I'll explain more inside!
Series
- Part 14 of AO3 Work Skins/Tutorials
-
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.
-
AO3 Work Skin for In-Universe Investigative/Mission Report With Redaction by wafflelate
Fandoms: No Fandom
10 May 2020
Tags
Summary
This work provides the CSS and HTML necessary to make a fanfiction look like an investigative report or mission report, suitable for a variety of fandoms and purposes.
-
Tags
Summary
Use this code to create a link to a specific passage or scene in the middle of a chapter.
-
Summary
A series of fic writing guides. For fic writers.
1. The Fic Writers Guide to Formatting - A giant "HTML on AO3" repository.
2. The Fic Writers Guide to Writing - A huge bookmark of writing resources.- Words:
- 20,843
- Works:
- 2
- Bookmarks:
- 31