0dotexe
Recent bookmarks
-
How to create a work skin to have different fonts and colors in your works by Goddess_of_the_arena
Fandoms: css - Fandom, HTML - Fandom, Work Skins - Fandom, AO3 help - Fandom
30 May 2024
Tags
Summary
This is a tutorial on how to use different fonts on Ao3, how to make them in different sizes and how to make them colored as well.
It also contains two ready-to-use codes to give your fonts a gradient effect. There are both the code for the linear gradient effect and the code for the radial gradient effect.
CHAPTER 2 contains the visual examples of every font that you find in chapter 1.
WARNING: all the codes in this guide were tested on a computer. I can't guarantee the effect when the work they are applied to is read on a mobile phone.Series
- Part 2 of CSS GUIDES
- Part 2 of Goddess_of_the_arena's CSS Playground
- Language:
- English
- Words:
- 3,224
- Chapters:
- 2/2
- Collections:
- 1
- Comments:
- 29
- Kudos:
- 218
- Bookmarks:
- 189
- Hits:
- 9,300
Bookmarked by 0dotexe
03 Jan 2025
Bookmarker's Collections:
Bookmarker's Notes
Incredible resource for figuring out how to push the limits of AO3's text editing. Will be messing about with this in the future.
-
Stats Icons with Hover Text [Site Skin] by ZerafinaCSS (Zerafina)
Fandoms: Site Skins - Fandom
05 May 2024
Tags
Summary
A site skin that replaces stats labels like "words", "bookmarks" and "hits" with icons. Instead, the text is displayed when you hover the mouse pointer over the icon or tap on it on mobile (like a tooltip). Available for light and dark mode. You can also change the icons to any color you want!
Previews and installation instructions are included.
Last updated: 28 February 2026Series
- Part 2 of AO3 Site Skins
-
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
-
Tags
Summary
CSS & HTML for a small box with text that looks like a classic text message.
-
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