10 Bookmarked Items in Tutorial_Tutorials
List of Bookmarks
-
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:
- 54
- Kudos:
- 335
- Bookmarks:
- 374
- Hits:
- 26,023
-
Bookmark Collections:
-
Tags
Summary
This is a live example of how an author can create linked footnotes in their work with only a little bit of HTML and no workskins required. This is best viewed by clicking "Entire Work". While I've included the actual coding in bold and italic once you click "Hide Creator's Style", there's a more detailed explanation here.
EDIT 6/28/17: The third chapter now shows how to use anchor links as an index/table of contents.
Series
- Part 6 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 3,457
- Chapters:
- 3/3
- Collections:
- 7
- Comments:
- 80
- Kudos:
- 582
- Bookmarks:
- 850
- Hits:
- 36,677
-
Bookmark Collections:
-
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,939
- Bookmarks:
- 3,842
- Hits:
- 170,330
-
Bookmark Collections:
-
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:
- 27,843
- Chapters:
- 15/15
- Collections:
- 8
- Comments:
- 1,254
- Kudos:
- 6,492
- Bookmarks:
- 7,489
- Hits:
- 396,405
-
Bookmark Collections:
-
Workskin for showing and hiding spoilers by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
29 Aug 2021
Tags
Summary
A very simple workskin to hide/show spoilers in your works by having your users clicking on a button!
Series
- Part 9 of CSS code scripts for Ao3
- Language:
- English
- Words:
- 319
- Chapters:
- 1/1
- Collections:
- 5
- Comments:
- 19
- Kudos:
- 152
- Bookmarks:
- 133
- Hits:
- 9,234
-
Bookmark Collections:
-
How to Filter Out, Blacklist, Exclude, Hide, Block, or Otherwise Avoid Works Tagged With Things You Hate: Advanced Edition by sp_acebuns
Fandoms: AO3 Tags, AO3, Archive of Our Own
23 Jul 2021
Tags
Summary
Is your favorite fandom full of fics with tags you hate? Sick of some tropes the rest of your fandom loves? Hate some popular pairings? Need to make sure a triggering topic doesn't come across your screen? Just want a break from works with a certain tag before you dive back into them? Then this is the tutorial for you!
This guide assumes you know the basics of AO3's built-in tagging and filtering system, and will be updated the more I learn about avoiding works based on their tags.
Disclaimer: No system is perfect; no matter which method(s) you use, it's still possible you'll come across content you don't want to see. Keep this in mind, especially if you're trying to avoid triggers.
-
Bookmark Collections:
-
-
Tutorial on putting pictures and gif on Ao3 by RDJWINCHESTER1 for JS3639, Stuckys_baby
Fandoms: Archive of Our Own
26 Aug 2019
Tags
Summary
Tutorial on putting pictures and gif on Ao3
-
Bookmark Collections:
-
-
The Nice and Accurate Guide to Footnotes by Vigs for fersh
Fandoms: Good Omens - Neil Gaiman & Terry Pratchett, Good Omens (TV)
10 Aug 2019
Tags
Summary
If you're writing fanfiction for Good Omens, you may find yourself wanting to include footnotes.
But html can be confusing. What can you do?
Read this guide to find out!
- Language:
- English
- Words:
- 1,860
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 135
- Kudos:
- 426
- Bookmarks:
- 403
- Hits:
- 9,952
-
Bookmark Collections:
-
Decorations for Fic (HTML/CSS): Fan Art, Dividers, Embedded Songs, and More by Jnsn
Fandoms: No Fandom, Archive of Our Own
24 Jul 2021
Tags
Summary
NON-FICTION. This work shows some examples of use of HTML/CSS to decorate a fic with art and other things. The second chapter provides the HTML for each example.
- Language:
- English
- Words:
- 3,825
- Chapters:
- 3/3
- Collections:
- 2
- Comments:
- 8
- Kudos:
- 229
- Bookmarks:
- 182
- Hits:
- 5,665
-
Bookmark Collections:
-
Tags
Summary
AO3 is great, but can it run Doom? Of course!!