1 - 20 of 39 Bookmarked Items in Wren's fav HTML Guides
Navigation
List of Bookmarks
-
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.
- Language:
- English
- Words:
- 3,498
- Chapters:
- 2/2
- Collections:
- 1
- Comments:
- 7
- Kudos:
- 81
- Bookmarks:
- 87
- Hits:
- 2,735
-
Bookmark Collections:
-
Skin for Recreating Discord Chat Logs (2025) by SpookyTesting (FierySprites)
Fandoms: No Fandom
20 Nov 2025
Tags
Summary
A work skin for recreating a somewhat simplified version of Discord’s chat logs circa November 2025, using wovenstarlight’s original 2020 one as a base. Only uses the color palette for Discord’s dark mode, not light mode.
For convenience’s sake, the last chapter contains all of the CSS code in one place.
-
Bookmark Collections:
-
-
Tags
Summary
Workskin to mimic Slack.
Update: now we have @mentions
- Language:
- English
- Words:
- 1,511
- Chapters:
- 2/2
- Collections:
- 4
- Comments:
- 4
- Kudos:
- 67
- Bookmarks:
- 59
- Hits:
- 3,225
-
Bookmark Collections:
-
Ao3 workskin: TikTok-like comment section by UNHEALTHY_COPING_MECHANISM
Fandoms: No Fandom, Original Work
16 Jul 2026
Tags
Summary
A skin for your fanfic resembling TikTok comment section!
-
Bookmark Collections:
-
-
Tags
Summary
Last checked on 7th July 2026.
Series
- Part 1 of workskins by noshadesofnothing
-
Bookmark Collections:
-
Tags
Summary
A second attempt at making a YouTube Work Skin.
Warning: Shoddy HTML+CSS ahead!
-
Bookmark Collections:
-
-
Tags
Summary
A Whatsapp-inspired AO3 Workskin and a full guide on how to use it! No coding experience required.
Series
- Part 1 of Rudy's Social Media Replica Workskins
-
Bookmark Collections:
-
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:
- 4
- Kudos:
- 40
- Bookmarks:
- 32
- Hits:
- 2,180
-
Bookmark Collections:
-
Tags
Summary
This is a work skin to create a fic-within-a-fic on AO3, complete with the top navigation bar, kudos, and comments!
- Language:
- English
- Words:
- 5,800
- Chapters:
- 1/1
- Collections:
- 2
- Comments:
- 17
- Kudos:
- 60
- Bookmarks:
- 68
- Hits:
- 2,368
-
Bookmark Collections:
-
Tags
Summary
Twitter work skin.
- Tweets, quote-tweets, images, polls...;
- DM's, text, emojis, images, voice messages, groupchats...;
- Scrollable version.- Language:
- English
- Words:
- 2,046
- Chapters:
- 1/1
- Collections:
- 5
- Comments:
- 40
- Kudos:
- 323
- Bookmarks:
- 326
- Hits:
- 13,814
-
Bookmark Collections:
-
Moving Starry Sky Background by Drowsy_Debugging (The_Winged_Warrior)
Fandoms: No Fandom, Testing
08 Aug 2026
Tags
Summary
A moving starry sky background, done with css and html!
-
Bookmark Collections:
-
-
Tags
Summary
A work skin to emulate an iOS chat environment
-
Bookmark Collections:
-
-
How to Make a Messenger Chat with Unlimited Chat Colors on AO3 by HeyNonnyMouse
Fandoms: No Fandom
31 Jul 2026
Tags
Series
- Part 1 of Group Chat HTML Tutorials + CSS
-
Bookmark Collections:
-
Tags
Summary
A tutorial to mimic LINE chats in your stories, with some niceties like stickers.
Series
- Part 1 of AO3 Work Skin Tutorials
-
Bookmark Collections:
-
Tags
Summary
This is the Terminal-style work skin that I used in my Transformers fanfics In Sickness... and ...And In Health.
I have not applied to make the skin public yet because it is still a work in progress and I will likely add more colors and formatting. The skin is not originally mine, I found it on AO3 and modified it and added the warning formatting.-
Bookmark Collections:
-
-
Tags
Summary
A work skin for galleries, portfolios, artworks, and such.
Series
- Part 4 of Work Skins
-
Bookmark Collections:
-
Phone Screen / Lock Screen AO3 Work Skin Guide by imperiousmarshmallow
Fandoms: No Fandom
15 Mar 2025
Tags
Summary
A tutorial to mimic a basic iOS-style phone screen with notifications and now playing indicator.
Series
- Part 3 of AO3 Work Skin Tutorials
-
Bookmark Collections:
-
Tags
Summary
An Ao3 workskin for creating a list of notifications on an iPhone(ish) screen.
-
Bookmark Collections:
-
-
Tags
Summary
This is a tutorial for inserting a responsive open book or journal into your work. We will be using HTML and CSS as well as two optional image files. Code is ready for use, but there is also a very detailed explanation of the lines of code used for those who would like to edit or troubleshoot.
-
Bookmark Collections:
-
-
The Scriptorium [Work Skin] by LostQuill_lab
Fandoms: AO3, Archive of Our Own, No Fandom, Work Skins - Fandom
24 Jun 2026
Tags
Summary
CSS components for AO3 workskins: simple document-style formatting elements with an antiquarian feel.
- parchment scrolls & documents
- codex / illuminated manuscript pages
- book covers & pages / cover animation
- newspaper clippings
- diary / notebook entries
- classified files & folders
Series
- Part 2 of CSS stuff
-
Bookmark Collections: