1 - 20 of 39 Bookmarks by SpookyTesting (FierySprites)
Navigation
List of Bookmarks
-
Work Skin Recreating Fire Emblem Engage Stat Gauges by flameMail
Fandoms: Fire Emblem Engage, Fire Emblem Series
28 Jul 2025
Tags
Summary
A work skin recreating Fire Emblem Engage's stat gauge screen for level up and class changes.
Bookmarked by SpookyTesting (FierySprites)
28 Jul 2025
-
Tags
Summary
An accessible, screen reader friendly AO3 work skin that imitates the look of in-game Zenless Zone Zero DMs (Knock Knock).
Series
- Part 3 of Pent's Fandom-Specific AO3 Work Skins
- Language:
- English
- Words:
- 492
- Chapters:
- 2/2
- Collections:
- 2
- Comments:
- 8
- Kudos:
- 30
- Bookmarks:
- 9
- Hits:
- 761
Bookmarked by SpookyTesting (FierySprites)
22 Jun 2025
-
Zenless Zone Zero Inter-Knot (AO3 Work Skin) by Pent
Fandoms: Zenless Zone Zero (Video Game)
28 Apr 2025
Tags
Summary
Have you ever wanted to add canon compliant Inter-Knot posts to your Zenless Zone Zero works? Now you can! This is an accessible, readable, and mobile-friendly AO3 work skin that imitates the look of in-game Inter-Knot posts.
Series
- Part 4 of Pent's Fandom-Specific AO3 Work Skins
- Language:
- English
- Words:
- 1,152
- Chapters:
- 2/2
- Collections:
- 3
- Comments:
- 21
- Kudos:
- 50
- Bookmarks:
- 18
- Hits:
- 1,269
Bookmarked by SpookyTesting (FierySprites)
22 Jun 2025
-
Professor Layton and the Lost Future Puzzle Work Skin by wakeupfeifei (gotosleepfeifei)
Fandoms: Layton Kyouju Series | Professor Layton Series
21 Jun 2025
Tags
Summary
A work skin that replicates the the puzzle layout in "Professor Layton and the Lost Future".
Bookmarked by SpookyTesting (FierySprites)
22 Jun 2025
-
Raincord - CSS Workskin by Im_bad_at_usernames0939
Fandoms: Rain World (Video Game), Testing
23 Feb 2025
Tags
Summary
Here is a discord-like chat emulation that I've been working on and off with for about a month. It has server tabs, profile pics, scroll functionality, username tokens, and (hopefully) is mobile-compatible. A lot of the code was inspired from much more talented coders (linked in notes), but a full explanation of the HTML and CSS is provided in chapters 2 and 3.
The main plan for this was for a Rainworld fic, so a lot of the major design principles came from that angle, but with enough tenacity I could easily see someone making a full emulation of discord.
Bookmarked by SpookyTesting (FierySprites)
05 Mar 2025
-
How to Make Honkai: Star Rail Chat Messages by html_hell (jihnari)
Fandoms: 崩坏：星穹铁道 | Honkai: Star Rail (Video Game), No Fandom
13 Jan 2025
Tags
Summary
This is a tutorial on how to mimic HSR chat messages on AO3.
- Language:
- English
- Words:
- 2,714
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 5
- Kudos:
- 42
- Bookmarks:
- 13
- Hits:
- 560
Bookmarked by SpookyTesting (FierySprites)
13 Jan 2025
-
Tags
Summary
A work skin for imitating the style of a blog or online journal post.
Chapter 1: Intro and example blog post
Chapter 2: CSS and how to create a work skin
Chapter 3: HTML to use the work skin
Chapter 4: Add a background image
Chapter 5: Add header and footer banners/images
Chapter 6: Changing the colors of the text and backgrounds- Language:
- English
- Words:
- 3,478
- Chapters:
- 6/6
- Collections:
- 1
- Comments:
- 1
- Kudos:
- 13
- Bookmarks:
- 11
- Hits:
- 327
Bookmarked by SpookyTesting (FierySprites)
10 Nov 2024
-
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
Bookmarked by SpookyTesting (FierySprites)
07 Oct 2024
-
How to prevent our beloved AO3 editor from ruining workskins by adding ten billion extraneous <p> tags by tsukinousagi
Fandoms: No Fandom
15 Aug 2024
Tags
Summary
Have you ever gone half-mad trying to get your workskins to function while the AO3 editor tosses <p> tags about like confetti? Here's a guide to suppressing paragraph tags where you don't want them and allowing them where you do.
Bookmarked by SpookyTesting (FierySprites)
30 Aug 2024
-
Use HTML Chats in your fic! (NO CODING NEEDED!) by cakecats
Fandoms: 崩坏：星穹铁道 | Honkai: Star Rail (Video Game), No Fandom
22 Sep 2024
Tags
Summary
I know a lot of authors struggle with HTML so I made this web tool where you can write chats 100% visually with no code at all. All you have to do is click two buttons and the HTML will be done for you :)) The link is in the fic — enjoy!
NOTE: Only chapter 1 is needed if you want to use the tool.
Bookmarked by SpookyTesting (FierySprites)
26 May 2024
-
Psyby's Writing Desk by PsychicBeagle
Fandoms: Original Work, Genei Ibun Roku #FE | Tokyo Mirage Sessions #FE, Scooby Doo - All Media Types, Mystery Skulls Animated, Ikenfell (Video Game), Persona Series, Fire Emblem: If | Fire Emblem: Fates, Fire Emblem: Kakusei | Fire Emblem: Awakening
01 Sep 2022
Tags
Summary
An amateur writer has things to say about trends in writing. Informative things? Probably. Interesting things? Hopefully. Funny things? I'll try.
Each chapter will be on a different talking point, centering around the work in the chapter's title. You can expect spoilers for all works discussed. I like being thorough.
Let's see what I feel like rambling about today, eh?
Bookmarked by SpookyTesting (FierySprites)
13 Apr 2024
-
How to Make Honkai: Star Rail Chat Logs by Enllyn
Fandoms: 崩坏：星穹铁道 | Honkai: Star Rail (Video Game)
17 Dec 2023
Tags
Summary
A tutorial on how to mimic the chats in Honkai: Star Rail.
Bookmarked by SpookyTesting (FierySprites)
20 Dec 2023
-
Tags
Summary
A tutorial + live example on how to recreate Ao3 on mobile in your Ao3 fic using CSS and HTML.
Series
- Part 2 of Cool Coding Kumquats
- Language:
- English
- Words:
- 5,081
- Chapters:
- 4/4
- Collections:
- 1
- Comments:
- 3
- Kudos:
- 33
- Bookmarks:
- 22
- Hits:
- 997
Bookmarked by SpookyTesting (FierySprites)
29 Sep 2023
-
Best scene dividers Lightsabers make: a css guide to making your story glow by Magnolia_in_black_Velvet
Fandoms: No Fandom, Star Wars - All Media Types
04 Sep 2023
Tags
Summary
How to pep your scene dividers up by making them look like glowing lightsabers
Series
- Part 2 of Magnolia's adventures in CSS
Bookmarked by SpookyTesting (FierySprites)
16 Sep 2023
-
Twitter HTML & CSS Coding Test Run by Fluffycorn_njst
Fandoms: Marvel Cinematic Universe, The Avengers (Marvel Movies), Haikyuu!!
20 May 2023
Tags
Summary
All of the different kinds of Twitter tweet templates displayed in one place as demonstrated using characters from fandoms written above! Includes the source of the HTML & CSS code work used here!
ALL THE CREDIT goes to gadaursan's Twitter guide & tutorial for the coding! And so I'm basically just a glorified display case to see more examples of what the design looks like! I also only did this to try it out for fun and practice in case I'd use it in the future~
- Language:
- English
- Words:
- 367
- Chapters:
- 1/1
- Collections:
- 4
- Comments:
- 2
- Kudos:
- 21
- Bookmarks:
- 19
- Hits:
- 1,911
Bookmarked by SpookyTesting (FierySprites)
23 May 2023
-
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!
- Language:
- English
- Words:
- 7,261
- Chapters:
- 5/5
- Collections:
- 4
- Comments:
- 21
- Kudos:
- 122
- Bookmarks:
- 110
- Hits:
- 4,863
Bookmarked by SpookyTesting (FierySprites)
09 May 2023
Bookmarker's Notes
Features CSS for phone notifications in Chapter 5.
-
Tags
Summary
A Discord workskin that supports most Discord-style markup. Includes layouts for channels, DMs, and Group Chats. Darkmode only.
Bookmarked by SpookyTesting (FierySprites)
09 Feb 2023
-
Tags
Summary
A work skin tutorial of a Google Search Suggestions page in AO3.
See Chapter 1 for examples of the work skin with 4 different suggestions types (auto-complete suggestions, recent history, related to recent searches and trending searches), Chapter 2 for an explanation of the CSS work skin, Chapter 3 for the complete CSS code of the work skin, Chapter 4 for explanations of the HTML code and Chapter 5 for the complete HTML code (all 4 types of suggestions).
- Language:
- English
- Words:
- 2,667
- Chapters:
- 5/5
- Collections:
- 2
- Comments:
- 11
- Kudos:
- 90
- Bookmarks:
- 78
- Hits:
- 1,408
Bookmarked by SpookyTesting (FierySprites)
04 Nov 2022
-
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.
- Language:
- English
- Words:
- 7,929
- Chapters:
- 4/4
- Collections:
- 2
- Comments:
- 51
- Kudos:
- 206
- Bookmarks:
- 173
- Hits:
- 5,692
Bookmarked by SpookyTesting (FierySprites)
04 Nov 2022
-
Tags
Summary
For everyone who wants to use a language in their fic, and provide a translation, making it friendly for mobile and desktop, and something that's fairly easy without needing every possible translation included in the workskin itself, here you go.
Bookmarked by SpookyTesting (FierySprites)
26 Apr 2022