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
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.
-
AO3 Work Skin for In-Universe Investigative/Mission Report With Redaction by wafflelate
Fandoms: No Fandom
11 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
This is a tutorial/live example on how to align images to the left or right of the screen and have text wrap around them.
Series
- Part 13 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
-
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
- Language:
- English
- Words:
- 1,769
- Chapters:
- 1/1
- Collections:
- 7
- Comments:
- 71
- Kudos:
- 1,030
- Bookmarks:
- 865
- Hits:
- 42,586
Bookmarked by Maxxiiee
08 Apr 2022
Bookmarker's Tags:
Bookmarker's Notes
A very good tutorial that allows a "choose your own adventure" fic to be made. Not currently useful for my current trend of fics, but it is worth revisiting if I need the creative switch
-
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,056
-
Tags
Summary
Hooray! You've made a podfic! But now, how do you share it? Posting to tumblr, youtube, or a fandom-specific community are all decent options. But chances are, if the fic you recorded is from AO3, you'll reach the largest and most receptive audience by also posting to AO3.
The archive welcomes all types of fanwork, but is structured and built primarily for written works. Posting podfic can be confusing or complicated if you're unfamiliar with it. This guide will cover both the basic mechanics of posting podfic to AO3, as well as the typical conventions used by the podfic community to help your audio be found by people who want to listen.
-
Tags
Summary
A guide to podficcing—for newbies, by a newbie.
Series
- Part 1 of Podfic Meta
-
Tags
-
Tags
Summary
Embedding tutorial
-
Tags
Summary
Arthur groaned. He sounded muted, as if he pulled the phone away from his head but forgot to press speaker. “You always say that when you’re looking at those sites.”
Merlin gaped and scrolled past the small vibrators and into the XXL. “I am not a sex addict always looking at porn.”
-
Mystery Work
Part of COTD Testing Private Works
Summary
This is part of an ongoing challenge and will be revealed soon!
-
Tags
Summary
Based on phyripo's guide, with some usability improvements made to reblogs and photoset creation.
-
Tags
Summary
This is a tutorial/live example on how to mimic social media in an AO3 work, specifically Twitter, Reddit, and LiveJournal.
-
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
-
Tags
Summary
A guide to podficcing—for newbies, by a newbie.
Series
- Part 1 of Podfic Meta
-
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.
-
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
-
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.
-
Tags
Summary
Bored with the default page dividers? This is a tutorial/live example on how customize your page dividers with no images needed (though I do show you how you could use images if you wanted to do such a thing).
Series
- Part 9 of AO3 Work Skins/Tutorials