workskin
This tag belongs to the Additional Tags Category.
Parent tags (more general):
This tag has not been marked common and can't be filtered on (yet).
Works which have used it as a tag:
Pages Navigation
-
Teatime with Skeletons Simulator by Greyscales (sablescales)
Fandoms: Undertale (Video Game)
29 Jun 2016
Tags
Summary
Can't sleep. You all have tea. It is 1AM. Sans is losing his patience.
I'm using this to test my undertale workskin, wingdings, dialogue boxes, alternative font for those computers without the actual font Papyrus. I will probably add the other characters later. I also need to fix some problems, but...zzzzz
- Language:
- English
- Words:
- 238
- Chapters:
- 1/1
- Kudos:
- 17
- Hits:
- 738
-
Tags
Summary
An AO3 work skin that formats HTML tables to look like RuneScape right click menus. Originally developed for use in the RuneScape fanfic Sprited Away.
Also comes with a guide on how to use it, for people who may not have used AO3 workskins (or HTML/CSS altogether, for that matter). Written to be understandable even by complete beginners -- if not, let me know!
The first chapter is the work skin for RS3 styling. OSRS version coming soonish.
(If you use it: credit is not necessary, but would be appreciated nonetheless!)
-
Tags
Summary
Text convos with bubbles in several systems!
IOS, Signal and WhatsApp for nowSeries
- Part 1 of Works Skins
-
CSS in Testing by InfinitysWraith
Fandoms: Ao3 Skins - Fandom, Work Skins - Fandom, css - Fandom
18 Apr 2022
Tags
Summary
This is a flaming dumpster filled with CSS and HTML experiments. It's not instructional, but I post the code and my own explanations for both our sakes. Feel free to steal the code or ask me questions- I don't know what I'm doing. :)
(Pics are mine though)
Chapter 5 is probably what you're looking for ;)
I'm not going to say I take requests, but I'm always looking for inspiration.
It seems I've broken Ao3 yet again. I can no longer add more code to my work skin so we're moving on to part two!
Series
- Part 1 of CSS in Testing
-
Fonts, and colors, and work skins, oh my! by Charles_Rockafellor
Fandoms: css - Fandom, Work Skins - Fandom
24 Jan 2021
Tags
Summary
Explains:
● how to make a work skin;
● how to view fics' work skin rules;
● how to colorize text and circle words and highlight backgrounds (examples in head-note), and change and resize your fonts;
● how to turn all links blue-underscore automatically;
● the CSS code for diacritics to render properly, e.g.: “ầ” & “ồ” (with diacritics not superimposed), or “ị” (with underdot directly beneath, not kerned to the left), without breaking words such as “gầu” or “vịt” (using a monotype font for these letters would create gaps to each side of the ầ or the ị). Head-note has corrected examples;
● Site Skin addenda to block / shrink tags, and block authors / works;
● even a quick way (code included) to simply make a Site Skin so that you can read everything in your font of preference!Full code is included.
I read, appreciate, and reply to all of your comments — they're always welcome!
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 5 of How to
-
Tags
Summary
Popup tooltips that work well on both desktop (hover) and mobile (tap open and close). Constrained width, so best for short tooltips or translations for a couple words at the most.
Series
- Part 1 of Simbeline's Work Skins
-
Tags
Summary
Documentation/Examples for the CSS workskin and HTML code for a Wikipedia article inspired layout to use in your mixed media works.
Created with help from Nautilusopus and DarthTofu.
-
Tags
Summary
Jesper:
she's having a hard time and you know she isn't going to be waiting for you forever. especially if you keep acting like this.
Kaz, 11:59 PM:
I know.
A social media fic.
-
Tags
Summary
This is the code and guide for my Star Trek PADD work skin. Let me know if you have any questions!
-
Workskin for showing and hiding spoilers by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
29 Aug 2021
Tags
Summary
A very simple workskin to hide/show spoilers in your works by having your users clicking on a button!
Series
- Part 9 of CSS code scripts for Ao3
-
LoVe in the Time of Corona(virus) by cattyk8 for TroubleScout, jmazzy
Fandoms: Veronica Mars - All Media Types, Veronica Mars (TV), Veronica Mars (Movie 2014)
18 Nov 2021
Tags
Summary
Logan and Veronica and other assorted Neptune citizens, in quarantine. A social media fic.
1: Game of Pwns
2: Hot Potato
3: Logan’s (Grocery) RunNote for Readers: Due to the workskin/coding, this may not be very mobile friendly. You may want to read it on a computer or with your phone on landscape mode.
-
Tags
Summary
Made on the request of a friend ages ago.
-
Jayce Giopara Finds A Dumpster Baby by Caspercryptid (FaiaHae)
Fandoms: League of Legends
15 Jan 2022
Tags
Summary
[[YOU HAVE 48 UNREAD MESSAGES]]
or, the consequences of Caitlyn taking a day off to spend with her girlfriend
-
Tags
Summary
Sunny, Basil and the gang try out 2001-era Internet/chat software and various antics ensue.
Is a chatfic (for now), uses heavy CSS effects
-
green square moment by ShiningDiamonds9
Fandoms: The Bright Sessions (Podcast), The AM Archives (Podcast), The College Tapes (Podcast)
22 Feb 2022
Tags
Summary
A chatfic where Chloe gets the gang into Wordle.
-
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.
-
Tags
Summary
A fallout console workskin for Ao3
The fonts are websafe fonts commonly used for coding as opposed to 100% cannon accurate, but you can change them if you wish!
Series
- Part 3 of Ao3 skins
-
the idiot's incoherent guide to learning css & html for ao3 in dystopia by Anonymous
Fandoms: No Fandom
20 Jun 2022
Tags
Summary
CSS & HTML code illiterate but want to add socmed elements amongst other interesting elements in your work? The Idiot™ pertained in the title? Then this Idiot's Incomprehensible Guide is for you! Alternatively, an autobiographical exploit and documentation into learning CSS and HTML in AO3 through the guide of other authors written in a third person perspective. If you found this, I'm so sorry. I'm publishing this so it doesn't get deleted.
-
Tags
Summary
Some fandoms have different names according to localizations (or adaptations) and some fans prefers the characters being called in one way and some in other ways. This is a workskin that allows you to write the fic with both name that can alternate thanks to toggling the workskin on and off!
Series
- Part 13 of CSS code scripts for Ao3
-
Tags
Summary
Make text appear when you click a "button"
Chapter 2: Simple tweaks to existing email and stationery skins
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
How to Make Deadpool's Thinking Boxes on AO3 by La_Temperanza
Fandoms: No Fandom, Deadpool (Comics), Deadpool - All Media Types
20 Jul 2015
Tags
Summary
This is a live example of my AO3 skin that allows the author to recreate the look of Deadpool's thinking boxes in their fic. To learn more about it, you can find the tutorial here.
Series
- Part 2 of AO3 Work Skins/Tutorials
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
02 Aug 2025
- Words:
- 87,711
- Works:
- 19
- Bookmarks:
- 4,173
-
Tags
Summary
A tutorial and live example to make LINE Chat using AO3 skin.
Series
- Part 2 of AO3 Chat Skin Tutorial
-
Repository: A Collection of Work Skins and Guides by gadaursan
Fandom: Original Work, SK8 the Infinity (Anime)
15 Sep 2024
Summary
All work skin guides and code written by me.
- Words:
- 16,300
- Works:
- 4
- Bookmarks:
- 183
-
Tags
Summary
This is a simple workskin that mimics a basic forum thread!
- Language:
- English
- Words:
- 1,159
- Chapters:
- 1/1
- Collections:
- 4
- Comments:
- 23
- Kudos:
- 102
- Bookmarks:
- 145
- Hits:
- 5,785
Bookmarked by firelord65
27 Oct 2020
Bookmarker's Tags:
Bookmarker's Notes
Forum page HTML/CSS for AO3 stories.
-
Tags
Summary
where I test and share my original workskins and experiment with improvements to existing skins.
- additions to Heterochromia_Mars's Discord skin
- TV/theater scripts
- AO3 Entries
- Tumblr DMs (experimental)
last edit: 3/27/20
-
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
-
Tags
Summary
As of April 2016, The database that stores works on A03 does not allow emoji. If you try to add an emoji it will end your story there. Any words after the emoji? Poof. Gone. This is a known, if poorly advertised, issue with the archive.
There are some workarounds; you can find them in: How to Make iOS Text messages on A03. But here? Here is for ALL THE EMOJI*.
10 chapters of emoji tables, each with the HTML for putting the emoji into your work and the CSS for putting it into your workskin. Copy-Paste baby. Copy-Paste.
*Does not contain the 2016 Unicode release. You'll have to come up with the code for pickle yourselves.
(Note, because this is 10 chapters of emoji tables, here is a link to the Index Tables (chapter 1) to speed up load times and reduce confusion if you have preferences set to "entire work.")
Series
- Part 11 of AO3 Work Skins/Tutorials
-
Tags
Summary
iMessage as it looks in iOS 7 to present.
Series
- Part 1 of Azdaema's AO3 Messaging Skins
-
Tags
Summary
A companion to Repository. A comprehensive guide to coding focused solely on emulating Twitter posts for fun or for archiving Twitter fics, up to and including:
- Quote Retweets
- Embedded Images
- Twitter PollsSeries
-
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. -
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
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
-
Tags
Summary
A work skin created for fics designed to emulate a screenplay. This is by someone who has no experience in screenwriting or coding...so take that as you will.
-
AO3 Work Skin for In-Universe Investigative/Mission Report With Redaction by wafflelate
Fandoms: No Fandom
10 May 2020
Tags
Summary
This work provides the CSS and HTML necessary to make a fanfiction look like an investigative report or mission report, suitable for a variety of fandoms and purposes.
-
Tags
Summary
where I test and share my original workskins and experiment with improvements to existing skins.
- additions to Heterochromia_Mars's Discord skin
- TV/theater scripts
- AO3 Entries
- Tumblr DMs (experimental)
last edit: 3/27/20
-
Tags
Summary
Primarily just where I share work skin code and discuss ways to improve the Ao3 experience, including:
- Twitter and Instagram like posts
- Non iOS messaging systems
- Avatar and image formatting for script formats.
- Search engine interfaces
- Documentation on AO3 Site SkinsSeries
-
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
-
Tags
Summary
Use this code to create a link to a specific passage or scene in the middle of a chapter.