MythrilMimosa
Recent bookmarks
-
How to create your work skins to have colored text by Goddess_of_the_arena
Fandoms: 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
- Part 1 of Goddess_of_the_arena's CSS Playground
- Language:
- English
- Words:
- 6,207
- Chapters:
- 4/4
- Collections:
- 1
- Comments:
- 180
- Kudos:
- 443
- Bookmarks:
- 303
- Hits:
- 13,165
Bookmarked by MythrilMimosa
14 Aug 2024
-
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:
- 2,962
- Chapters:
- 2/2
- Collections:
- 1
- Comments:
- 23
- Kudos:
- 196
- Bookmarks:
- 160
- Hits:
- 8,198
Bookmarked by MythrilMimosa
14 Aug 2024
-
Tags
Summary
This is not a story - it is where I am messing around with HTML and CSS.
Most of this was taken from AO3's Basic Workskin and
***UPDATED 2/20/2021 with improved Text formatting
Feel Free to use or ignore
- Language:
- English
- Words:
- 3,191
- Chapters:
- 2/3
- Collections:
- 1
- Comments:
- 15
- Kudos:
- 67
- Bookmarks:
- 47
- Hits:
- 3,131
Bookmarked by MythrilMimosa
14 Aug 2024
-
How To Change Text on AO3 When the Cursor is Hovering Over It (Or Clicked on Mobile) by La_Temperanza
Fandoms: No Fandom
22 May 2017
Tags
Summary
This a tutorial/live example on how to have text change or appear once a cursor is hovering over it. Helpful for pop-up spoilers, language translations, quick author's notes, etc.
Series
- Part 15 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 999
- Chapters:
- 1/1
- Collections:
- 8
- Comments:
- 115
- Kudos:
- 834
- Bookmarks:
- 1,066
- Hits:
- 46,598
Bookmarked by MythrilMimosa
14 Aug 2024
-
Tags
Summary
This is a tutorial/live example on how to create a "Choose Your Own Adventure" fic. While this has been explained before (see here), this particular tutorial shows you how to use a work skin to hide the next parts from the reader until they click through to get to them.
Series
- Part 16 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 1,769
- Chapters:
- 1/1
- Collections:
- 7
- Comments:
- 78
- Kudos:
- 1,264
- Bookmarks:
- 1,112
- Hits:
- 56,866
Bookmarked by MythrilMimosa
14 Aug 2024