1 - 20 of 63 Bookmarks by hedii
Navigation
List of Bookmarks
-
Izzy's HTML & CSS Experiments by the_untamed_poet25
Fandom Ancient Greek Religion & Lore, Annabel Lee - Edgar Allan Poe, AO3, Batman (Comics), Batman - All Media Types, DCU, DCU (Comics), Fandom - Fandom, HOMER - Works, Lucy (2014), Marvel, Marvel Cinematic Universe, Metamorphoses - Ovid, No Fandom, One Piece (Anime & Manga), Original Work, Pirates of the Caribbean (Movies), Point Break (1991), Star Wars - All Media Types, Star Wars Original Trilogy, Star Wars Prequel Trilogy, The Great Gatsby - F. Scott Fitzgerald, The Iliad - Homer, The Song of Achilles - Madeline Miller, 原神 | Genshin Impact (Video Game), 崩坏：星穹铁道 | Honkai: Star Rail (Video Game)
26 Jul 2026
Summary
A series of all my HTML-formatted works! Includes prose poem character studies, AO3 skins, and games.
- Words:
- 89,809
- Works:
- 54
- Bookmarks:
- 26
Bookmarked by hedii
20 Jul 2026
-
Tags
Summary
This is a tutorial on how to create Twitter / X templates for AO3, includes both Tweets and profile card.
- Scalable so it's also accessible to mobile users.
- Tweets (chapter 1): text, tags, quote tweet, photo(s), replies, verified checkmark.
- Profile card (chapter 2): displays a user's profile as shown on Twitter.
- Please let me know if there are bugs and/or requests.Ao3 Twitter Template Generator now available! (Made possible by the amazing Anlanther): Now you only have to fill in your text and copy-paste the generated code!
-
Tags
Summary
Youtube Comment section Workskin.
-
Tags
Summary
A mock-up of a fake article about a TV series, with CSS and HTML code and a brief guide on how to use it.
-
How to Mimic Author's Notes and Kudos/Comment Buttons by La_Temperanza
Fandoms: No Fandom
20 May 2017
Tags
Summary
Anonymous on tumblr: do you have a skin that would mimic the author’s notes and review/kudos buttons section from the end of a fic? the desired effect being that the fic could go on after the “end” of the fic, so after the author’s notes and review/kudos buttons
Here's a tutorial/live example to do just that, with some of the buttons actually functioning. I'll explain more inside!
Series
- Part 14 of AO3 Work Skins/Tutorials
-
Summary
All the AO3 CSS creations I've made a tutorial for
- Words:
- 4,824
- Works:
- 2
- Bookmarks:
- 6
-
CSS based full AO3 fic implementation (Header/Overview, Comments, Title, Summaries & Buttons) by deciMae
Fandoms: No Fandom
09 Sep 2024
Tags
Summary
Do you want to include an AO3 fic/summary/header inside your AO3 fic but do you want to make it look identical to AO3? Well, here's the CSS for you!
Features
- Modular, add any of these as you want
- Looks identical to AO3
- Dynamic skin! (by taking AO3 CSS)
- Very compatible with AO3 skins
Series
- Part 2 of Mae's CSS creations
-
Tags
Summary
A demonstration and instructions on how to do the following:
1. Create a fake "end" of a fic (Author's note, kudos section, buttons, "Leave a comment" box, comment section)
2. Make something that looks like a link in the fake comment section, which when clicked, unveils...
3. A fic header with tags, title, etc, and as much text as you would like.Heads up this demonstration includes Gideon the Ninth spoilers, I just thought it'd be funny for the demonstration.
-
Tags
Summary
Limited LINE skin for chatfic or etc.
-
Mimicking Twitch Chat for Fics- Some Twitch Chat Workskins by Ultraviollett
Fandoms: Video Blogging RPF, Fandom - Fandom, Real Person Fiction
05 Jul 2022
Tags
Summary
A CSS workskin to mimic twitch chat. I couldn't find any so I decided to create one myself!
Series
- Part 2 of AO3 workskins
-
Tags
Summary
I've decided to group together a bunch of Work Skins I have found useful for my works in a single guide for easy access and comprehension. Entire explanation of how to use and apply the skins to your works are included inside.
Includes, so far:
- Basic tutorial on how to create and use a Work Skin.
- iOS Text Messages
- Music Indicators
- Wikipedia Articles
More to be added as I get around to it...PS: NONE of these Work Skins are of my creation and proper credits are attributed inside the chapters.
-
Tags
Summary
I deconstructed Heterochromia_Mars's Discord skin and reconstructed a new one that should work slightly better on screens of all sizes, especially mobile screens.
Note: Please check Chapter 3 for CSS code whenever the skin updates!
-
Tags
Summary
A Discord workskin that supports most Discord-style markup. Includes layouts for channels, DMs, and Group Chats. Darkmode only.
-
Tags
Summary
A work skin and tutorial for a Discord chat in AO3. The Discord page is available in light and dark mode!
See Chapter 1 for examples of the work skin, Chapter 2 for a tutorial on how to set up your HTML page and explanations on the code, Chapter 3 for HTML templates for easy copy-pasting and Chapter 4 for the complete CSS code of the work skin.
-
Tags
Summary
An updated version of spookedcroon's Reddit template for use on AO3.
-
Tags
Summary
A filter for Pandoc for adding/converting footnotes from document types where they are easier to add to AO3's limited HTML. Assumes technical skills for installing Pandoc and using command line tools like it
-
How To Make Convincing(ish) Looking Veilguard Codexes for your Veilguard Fic [Guide] by Lunammoon
Fandoms: Dragon Age: The Veilguard (Video Game)
18 Feb 2025
Tags
Summary
I spend a few hours last Sunday trying to figure out how to get this to work, but I finally got something that I'm mostly happy with. I was using an original work labelled fic to keep track with the promise that I'd delete it eventually, but I decided to instead delete that and post it here. That way I don't have to delete it, and also it can possibly help out others.
EDIT 2/18/2025 FIXED ISSUE WHERE IT LOOKED TOO THIN ON MOBILE
-
podfic instructions guide (for my bedtime stories!) by xiaokuer_schmetterling for ferntasie, perverted_noodle (Cindermon_Role)
Fandoms: Podfic Fandom, No Fandom
18 Jul 2026
Tags
Summary
what i am doing and how and why
how i do my podfic thing with a second-hand kindle e-reader tablet; a third-hand iphone SE; a busted chromebook; and a gently used and only lightly chewed-upon set of wired gamer headphones with an attached little-bitty boom-mike!
⛔CONSTANTLY UNDER CONSTRUCTION⛔
-
Toggle for all caps, all lowercase, and capitalization by DoctorDizzyspinner
Fandoms: No Fandom, Ao3 meta - Fandom
22 Mar 2025
Tags
Summary
It's not a good idea to write in all caps or all lowercase. See: Use CSS Text Transform for Better Accessibility and text-transform - CSS: Cascading Style Sheets | MDN.
This provides free to use CSS for both
text-transformand a toggle for turning these styles on and off so that the reader does not have to turn off the entire workskin if they do not want to see all caps or all lowercase words.Series
- Part 3 of My Code Snippets
-
Bookmarklets for the Archive of our Own by DoctorDizzyspinner
Fandoms: No Fandom, Original Work
19 Mar 2025
Tags
Summary
A collection of bookmarklets that I've made for usage on Ao3.
I'm still new to JavaScript, so please bear with me! <3
Series
- Part 2 of My Code Snippets