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:
- 6
- Hits:
- 86
-
Tags
Summary
Testing out HTML font color (through writing piece)
-
Tags
-
Tags
Summary
这是一个未完成的html操作指令字典，面向AO3创作者，即使是编程小白也可以使自己的作品拥有更丰富的形式:)
- Language:
- 中文-普通话 國語
- Words:
- 1,172
- Chapters:
- 1/1
- Kudos:
- 1
- Hits:
- 29
-
How to create your work skins to have colored text by Goddess_of_the_arena
Fandoms: css - Fandom, Work Skins - Fandom, HTML - Fandom, AO3 help - Fandom
22 Feb 2025
Tags
Summary
This is a guide to make text in color, be it for a single word, a full paragraph, several paragraphs in a row, or even the whole chapter, also in different sizes. The tutorial also contains ready-to-use codes for you to add to your work skins.
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 pure colored text.
CHAPTER 2 is for text in gradient color, both linear gradient and radial gradient.
CHAPTER 3 contains the steps to combine gradient background with gradient text. It also contains the links to each of the other guides of my CSS GUIDES series
CHAPTER 4 contains the links to eight sites where you can create your gradients and get the ready-to-copy code to paste in the CSS code of the workskin.Series
- Part 1 of CSS GUIDES
-
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.
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
-
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 and making the border dotted or dashed. 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 diary pages.Series
- Part 3 of CSS GUIDES
-
Tags
-
How to create a work skin for glitch effect, mirror text, vertical text and upside down text by Goddess_of_the_arena
Fandoms: HTML - Fandom, css - Fandom, AO3 help - Fandom, Work Skins - Fandom
22 May 2025
Tags
Summary
This guide contains the codes for text with a glitching effect similar to the Zalgo font, mirror text, upside down text and vertical text, also in color and with new fonts. It also contains the codes to customize your blockquote with colored borders (left side, right side, top border, bottom border, also in gradient effect), colored background (also in gradient effect) and different margin values.
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.
CHAPTER 2 is for the mirror effect, vertical text and upside down text.
CHAPTER 3 is to create a negative mirror text effect 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), a colored background (also in gradient colors) and different margin values.Series
- Part 4 of CSS GUIDES
-
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
-
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 9 of CSS GUIDES
-
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
-
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
02 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.
-
Mystery Work
Part of html tests
Summary
This is part of an ongoing challenge and will be revealed soon!
-
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
-
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
24 Feb 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 TextNote: 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.