4 Bookmarks by DaughterofLegends
List of Bookmarks
-
How to make a News Website Article skin on Ao3 by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
26 Dec 2019
Tags
Summary
Live example and tutorial for a news article extract that include website header, fake social media buttons, title and author of the article.
Series
- Part 1 of CSS code scripts for Ao3
- Language:
- English
- Words:
- 835
- Chapters:
- 1/1
- Collections:
- 5
- Comments:
- 13
- Kudos:
- 312
- Bookmarks:
- 403
- Hits:
- 21,921
Bookmarked by DaughterofLegends
14 Jul 2026
-
mm whatcha say?: Changing Text On Hover for Multilingual Fics (A Download Friendly Workskin) by mackerel_cheese for Graverobbber, enbyguous, spearsofstarlight
Fandoms: No Fandom, Babel - R. F. Kuang
20 Mar 2026
Tags
Summary
Do you want to have a nifty way to have multiple languages in a fic:
- Without making your readers scroll to the AN for a translation?
- Without the text and translation sitting side by side?
- And still make it look pretty when people download it into an EPUB or PDF format?
- Making it work with screenreaders? (Subject to varying screenreader capabilities)
Here is a solution for you. Come on babygirls, let's roll.
(This is a HTML tutorial but I'm lowkey flirting with you by calling you babygirl occasionally because I got bored while writing this.)
NEW UPDATE [20/3/2026]:
- Chapter 1: Sample Usage (Excerpt from a WIP in my drafts)
- A short character study about Griffin Harley from Babel (by R.F. Kuang). Utilizies 3 languages in multiple formats. You don't need to have read Babel to pick apart the code used.
- Chapter 2: Basic Tutorial (same as before)
- Chapter 3: FAQ (regarding customization and usage)
Series
- Part 3 of .shapes_and_colours
Bookmarked by DaughterofLegends
31 Jan 2026
-
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:
- 843
- Bookmarks:
- 1,099
- Hits:
- 47,691
Bookmarked by DaughterofLegends
31 Jan 2026
-
Tags
Summary
This is a live example of how an author can create linked footnotes in their work with only a little bit of HTML and no workskins required. This is best viewed by clicking "Entire Work". While I've included the actual coding in bold and italic once you click "Hide Creator's Style", there's a more detailed explanation here.
EDIT 6/28/17: The third chapter now shows how to use anchor links as an index/table of contents.
Series
- Part 6 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 3,457
- Chapters:
- 3/3
- Collections:
- 7
- Comments:
- 82
- Kudos:
- 622
- Bookmarks:
- 912
- Hits:
- 40,020
Bookmarked by DaughterofLegends
26 Jan 2026