8 Bookmarks by TheEmoStranger
List of Bookmarks
-
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,924
- Chapters:
- 15/15
- Collections:
- 8
- Comments:
- 1,288
- Kudos:
- 6,586
- Bookmarks:
- 7,611
- Hits:
- 401,905
Bookmarked by EmeowStranger (TheEmoStranger)
30 Jan 2026
-
Tags
Summary
A guide to an AO3 work skin to change the colors of various pieces of text in your fanfiction. Uses HTML. This can turn hyperlinks blue, for instance.
Bookmarked by EmeowStranger (TheEmoStranger)
07 Oct 2025
-
Tags
Summary
This work skin removes the added space between embedded images. This can be used to create a panorama effect by visually stitching together separate image files, side-by-side or one on top of the other.
Bookmarked by EmeowStranger (TheEmoStranger)
07 Oct 2025
-
Tags
Summary
Based on gadaursan's "Fire Emblem Support Scripting" work skin, a HTML and CSS to format screenplay and scripts (or dialog-only/dialog-heavy works), but with some edits: 1) adjusted the images for smaller screens, 2) added a text box/speech bubble, 3) In version 3, added character's name.
Series
- Part 1 of Clover Zero's AO3 HTML & CSS
- Language:
- English
- Words:
- 1,228
- Chapters:
- 3/3
- Collections:
- 4
- Comments:
- 17
- Kudos:
- 102
- Bookmarks:
- 97
- Hits:
- 6,181
Bookmarked by EmeowStranger (TheEmoStranger)
07 Oct 2025
-
Fonts, and colors, and work skins, oh my! by Charles_Rockafellor, 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (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 5 of How to
- Language:
- English
- Words:
- 35,057
- Chapters:
- 1/1
- Collections:
- 9
- Comments:
- 415
- Kudos:
- 701
- Bookmarks:
- 922
- Hits:
- 79,771
Bookmarked by EmeowStranger (TheEmoStranger)
13 Sep 2025
Bookmarker's Notes
Read this for coding Work & Site skins. Author is hella funny btw www
-
Tags
Summary
Low contrast dark teal theme with some stars
Bookmarked by EmeowStranger (TheEmoStranger)
13 Sep 2025
Bookmarker's Notes
Look at comments section for coding help
-
Tags
Summary
AO3でのルビの表示例と、ソースコード（クリックすると表示）を示したものです。rubyとrtとrpを使っています。
本文は神西清『飜訳のむずかしさ』（パブリックドメイン）を拝借しました.
Bookmarked by EmeowStranger (TheEmoStranger)
10 Sep 2025
-
Tags
Summary
For most of their lives, Yuri and Serena have been kept apart from each other, only knowing the other's existence through the talk of the other students and the occasional accidental glimpse.
But even with the separation, Serena somehow still understood Yuri as if they've known each other all their lives. And to him, it was both annoying and fascinating.
Enough to even make him accept her invitation to hang out one afternoon, no matter how bothersome her understanding of him can be.
Series
- Part 5 of Random Tales from Fusion