5 Bookmarked Items in Code Skins ETC
List of Bookmarks
-
What happened to S10949BeH0603? by GhostoftheLibrary
Fandoms: No Fandom, Star Wars - All Media Types
09 Jun 2026
Tags
Summary
An identichit is recovered on Gorse following a severe groundquake.
(An exercise in css and how many different formats I can in use for a narrative told through epistolary.)
-
Bookmark Collections:
-
-
Tags
Summary
HTML for various custom emojis that you can use in AO3 works and comments! Plus a beginner-friendly tutorial on how to use them (and how to make your own)
-
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 to update.
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:
- 28,034
- Chapters:
- 15/15
- Collections:
- 8
- Comments:
- 1,347
- Kudos:
- 6,956
- Bookmarks:
- 8,257
- Hits:
- 426,622
-
Bookmark Collections:
-
Tags
Summary
Code for simplistic site skin for AO3.
Full code, with explanation on what everything does, so anyone can be able to customize it to their liking.
- Language:
- English
- Words:
- 834
- Chapters:
- 10/10
- Collections:
- 1
- Comments:
- 1
- Kudos:
- 79
- Bookmarks:
- 52
- Hits:
- 4,377
-
Bookmark Collections:
-
Tags
Summary
This is a systematic tutorial designed to help fan creators with no coding background learn how to use and create work skins, with an additional collection of examples.
In Part 1, I briefly introduce how work skins are used and explain some HTML and CSS code in detail, so you can read it and know how to modify work skin styles shared by other people.
In Part 2, I talk about how to write code in a proper code editor and apply it to your fanworks.
In Part 3, I will include some adapted code and some code I wrote myself, along with full HTML and CSS formats for anyone who wants to copy and modify them.
Clicking a link will take you directly to the relevant chapter. If there is no link, it means I have not written that chapter yet.
This article will never really be finished, because there is simply too much code out there. At least I have finished the main body of Part 1, and I hope it helps you explore work skins more confidently. I may rearrange the chapter order at any time.
-
Bookmark Collections:
-