HTML - Fandom
This tag belongs to the Fandom Category.
Parent tags (more general):
This tag has not been marked common and can't be filtered on (yet).
Works which have used it as a tag:
Pages Navigation
-
Tags
-
HTML Test and a bit of prose by anneblacks
Fandoms: HTML - Fandom, Keeper of the Lost Cities Series - Shannon Messenger
08 Dec 2020
Tags
Summary
Just working stuff out with the Rich Text format--keeping this up so I remember what's what and how to do things, so some excerpts from a fic and some casual Marelliana poetry.
- Language:
- English
- Words:
- 154
- Chapters:
- 1/2
- Kudos:
- 7
- Hits:
- 118
-
Tags
Summary
Testing out HTML font color (through writing piece)
-
Tags
Summary
My only interaction with twitter is from screenshots I see on pintrest lol
-
Tags
-
Tags
Summary
这是一个未完成的html操作指令字典，面向AO3创作者，即使是编程小白也可以使自己的作品拥有更丰富的形式:)
- Language:
- 中文-普通话 國語
- Words:
- 1,172
- Chapters:
- 1/1
- Kudos:
- 3
- Hits:
- 64
-
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
-
How to create a work skin to highlight your text and create text boxes by Goddess_of_the_arena
Fandoms: HTML - Fandom, css - Fandom, AO3 help - Fandom, Work Skins - Fandom
25 Dec 2024
Tags
Summary
This guide will help you create your own work skins to add highlighted text and text boxes to your stories.
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.
CHAPTER 1 highlight text (also in gradient colors!) and mixing highlight text with colored text and new fonts. You can also give the text the appearance of having been redacted by making it appear as a block of solid black.
CHAPTER 2 Text boxes, Deadpool's thought boxes and green-on-black text in the Matrix movies, making the border, text and background of your text box be in gradient colors, making the border dotted or dashed and using pictures and gifs as a border image. You can also put the text box inside a paragraph.
CHAPTER 3 creating a text box inside another text box, with also a ready-to-use code.
CHAPTER 4 putting two text boxes side by side to create the effect of journal (or book) pages.Series
- Part 3 of CSS GUIDES
- Part 3 of Goddess_of_the_arena's CSS Playground
-
Tags
-
How to create a work skin for glitch effect, mirror text, vertical text, upside down text and colored blockquote by Goddess_of_the_arena
Fandoms: HTML - Fandom, css - Fandom, AO3 help - Fandom, Work Skins - Fandom
22 May 2025
Tags
Summary
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.
CHAPTER 1 is for the text with glitching effect similar to the Zalgo font, also in color, with different fonts and highlighted.
CHAPTER 2 is for the mirror effect, vertical text and upside down text, also in color, with different fonts and highlighted.
CHAPTER 3 is to create a negative mirror text effect (here in black and white) with the text side by side.
CHAPTER 4 is to give your blockquote a colored side border, top border or bottom border (also in gradient colors or using an image), a colored background (also in gradient colors) and different margin values.Series
- Part 4 of CSS GUIDES
- Part 4 of Goddess_of_the_arena's CSS Playground
-
How to create a work skin to have shadowed text, 3D text, bordered text and neon text by Goddess_of_the_arena
Fandoms: HTML - Fandom, css - Fandom, AO3 help - Fandom, Work Skins - Fandom
13 Jan 2025
Tags
Summary
This tutorial will give you the necessary steps to add shadowed text, bordered text, 3D text and neon text to your works, with ready-to-use codes available for you.
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.
CHAPTER 1 is for the shadowed text.
CHAPTER 2 is for the bordered text and 3D text.
CHAPTER 3 is for the neon text.Series
- Part 6 of CSS GUIDES
- Part 6 of Goddess_of_the_arena's CSS Playground
-
Gradients for you by Goddess_of_the_arena
Fandoms: css - Fandom, HTML - Fandom, AO3 help - Fandom, Work Skins - Fandom
13 Oct 2024
Tags
Summary
This little piece contains twenty fancy gradient effects, each with an example and the code for the gradient effect, that can be used for the gradient colored text, the background and/or border of a text box, line dividers, the background color of your chapters and much more.
You can find the tutorial for colored text here, the tutorial for text boxes here, the tutorial for line dividers here and the tutorial to change the background color of your whole story here.
And if you want to learn more amazing tricks with CSS for changing the style of the title, username and much more, check out heark/hearker's awesome guide here!Series
- Part 10 of CSS GUIDES
- Part 10 of Goddess_of_the_arena's CSS Playground
-
How to create a work skin to add underline and create line dividers by Goddess_of_the_arena
Fandoms: css - Fandom, HTML - Fandom, AO3 help - Fandom, Work Skins - Fandom
02 Sep 2024
Tags
Summary
This tutorial contains the steps and ready to use codes to add underline to your text and create text dividers.
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.
CHAPTER 1 is for underline, also mixing colored text with colored underline and in gradient colors.
CHAPTER 2 is for line dividers, also in gradient colors, with emoticon/emoji and with colored emoticons and neon effect emoticon/emoji.Series
- Part 5 of CSS GUIDES
- Part 5 of Goddess_of_the_arena's CSS Playground
-
Programming by HeroicLibrarian, LadyIntrigue (HeroicLibrarian)
Fandoms: Original Work, No Fandom, Programing - Fandom, HTML - Fandom, css - Fandom
18 Sep 2024
Tags
Summary
This is not a story. This is me experimenting with HTML and other capabilities on AO3.
There might be something cool on here eventually?
I'm not going to stop you from reading but feel free to ignore. -
CSS for people who like eating clay in massive quantities by DistantManiacalLaughter for whenu
Fandoms: CSS Skin Testing, HTML - Fandom, Tutorial - Fandom
03 Oct 2024
Tags
Summary
A basic guide to CSS and HTML, dumbed down for my brain and yours, free gift included for the guy who’s name I know. I am far from expert, but I’m doing my best! First chapter is explanation and demonstration, second chapter is the raw CSS code for your copy-paste loving hands. Go on, rob me.
Note: I’ll be doing my CSS experiments here so I don’t muck up my updating fics. Just stay on the first three chapters and you’re fine.
-
How to create your work skin to change the background color and text style of your story by Goddess_of_the_arena
Fandoms: HTML - Fandom, css - Fandom, Work Skins - Fandom, AO3 help - Fandom
22 Feb 2025
Tags
Summary
This tutorial contains the steps to change the background color and text style of your story and also to make every chapter have a different background color or text style.
This tutorial contains ready-to-use codes.
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.
CHAPTER 1 is to apply the background color and/or the text style to the whole work.
CHAPTER 2 is to give every chapter a different background color and/or text style.
CHAPTER 3 is to have a default background color or text style while still giving every chapter a different effect.
CHAPTER 4 is to combine gradient background and gradient text in your work.Series
- Part 7 of CSS GUIDES
- Part 7 of Goddess_of_the_arena's CSS Playground
-
Fonts, Colours, and Others. by ZoomieZoomie324
Fandoms: Original Work, Work Skins - Fandom, HTML - Fandom
16 Nov 2024
Tags
Summary
A collection of work skins I use with their code for anyone curious. Thank you so much to Goddess_of_the_arena for having her amazing guide I'll link inside.
-
Mystery Work
Part of Testing ground
Summary
This is part of an ongoing challenge and will be revealed soon!
-
How to target specific elements of your work (for work skins) by hearker (heark)
Fandoms: HTML - Fandom, Work Skins - Fandom, AO3 help - Fandom, No Fandom, css - Fandom
15 Aug 2025
Tags
Summary
This is a guide to help you precisely target elements in your work skins using CSS selectors. It doesn't focus on styling or adding cool effects!! This guide teaches you how to identify and select the exact elements you want to style.
CHAPTER 1 - Work Title
CHAPTER 2 - Author Name
CHAPTER 3 - Summary
CHAPTER 4 - Notes Part 1
CHAPTER 5 - Notes Part 2
CHAPTER 6 - Gifts
CHAPTER 7 - Inspired By
CHAPTER 8 - Chapter Title
CHAPTER 9 - Series
CHAPTER 10 - Selecting Multiple Headings
CHAPTER 11 - Body Text
CHAPTER 12 - Preface GroupNote: This guide contains custom CSS. It's not necessary for the guide, it's only cosmetic. If you want to disable it, click "Hide Creator's Style" at the top.
Series
- Part 1 of heark's work skin tutorials
-
Inside, Outside, Upside-down by 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandoms: AO3 CSS, css - Fandom, HTML - Fandom
23 Mar 2025
Tags
Summary
I threw this together overnight (and have tweaked it some since then). Just applying a few little CSS party tricks that I've learned or developed along the way... 😉
My tricks aren't revealed in the narration, but since this is a How To series, you should be able to ferret them out by now — and if not, then take it as your homework challenge! ❤️
Use your 1337 haX0r Wiz zen skillz.
Click for keynote
Best viewed on a COMPUTER browser with a MOUSE, not a 'phone where some effects will be missed or simply not optimized (though there are a couple of surprises that appear on iPhone [not Android] rather than desktop browsers).
⚠️
CAUTION, beware of audio from invisible video; see notes.
⚠️Cf. notes in work skin for issues w.r.t. different approaches used in this work.
Series
- Part 9 of How to
Pages Navigation
Collections which have used it as a tag:
-
scrubs (newbie) by VariantRia
26 Sep 2025
Collection Tags: Scrubs (TV), css - Fandom, Work Skins - Fandom, HTML - Fandom, AO3 help - Fandom
Summary
(Open, Unmoderated)
-
Resources(KnotFaries) (Resources) by KnotFaries
26 Sep 2025
Collection Tags: No Fandom, Archive of Our Own, Fandom - Fandom, Original Work, css - Fandom, HTML - Fandom, Work Skins - Fandom, AO3 help - Fandom
Summary
My resources. Mostly reference material.
(Open, Unmoderated)
-
ao3 resources (purikaresources) by lukahyuna
26 Sep 2025
Collection Tags: css - Fandom, Work Skins - Fandom, HTML - Fandom, AO3 help - Fandom
Summary
(Closed, Unmoderated)