1 - 20 of 55 Bookmarked Items in Assorted Work Skins
Navigation
List of Bookmarks
-
Skin for Making Character Intro Cards by SpookyTesting (FierySprites)
Fandoms: No Fandom
15 Nov 2024
Tags
Summary
A work skin for creating concise and compact cards for introducing characters in a fic – including their name, title, portrait, some characteristics, and fandom of origin. Meant to be used in crossovers, but doesn’t have to be.
-
Bookmark Collections:
-
-
Tags
Summary
A tutorial for a Choose Your Own Adventure/Interactive Fiction workskin. A gift for my younger self, in a way.
- Language:
- English
- Words:
- 659
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 15
- Kudos:
- 47
- Bookmarks:
- 54
- Hits:
- 2,148
-
Bookmark Collections:
-
Tags
Summary
This is a tutorial and live-example on how to use CSS skins and HTML on AO3 to make some stylish card links that move around and look pretty cool when you hover your cursor over them :)
Series
-
Bookmark Collections:
-
-
Tags
Summary
Want to code in ao3?
Heres how!
This work will teach you how to code on ao3 from simple to more advanced techniques.
Some code featured in this work is credited to their respected authors, so be sure to check them out as well!
Series
- Part 1 of Ao3 C̵̬̳͕̲̪̖̉̎̂͌̿̊̈́̅o̶̬̳͇͙̤̎̄͗̈́̓̃̔̚͜͝d̷̙̹̖̳̪̞̬̗̔͐́̏̕i̶̧͈̱̣̝̍ͅn̸̛͉̤̙̭̂̾̏̏̑̈́̀̎̅̅͂g̸̢͉͈̦͍͎̮͎̭̮̉̌́̇̄̓͜ͅͅ
- Language:
- English
- Words:
- 41,554
- Chapters:
- 20/?
- Collections:
- 2
- Comments:
- 142
- Kudos:
- 389
- Bookmarks:
- 588
- Hits:
- 18,787
-
Bookmark Collections:
-
How to make your fic look like the game by MelsShenanigans, ThoughtsCascade
Fandoms: I Was a Teenage Exocolonist (Video Game)
05 Sep 2023
Tags
Summary
Tried to make it mobile friendly but of course it looks better on desktop.
Based on screenshots of the game but not exactly the same yet recognizable.
-
Bookmark Collections:
-
-
How to put pictures and gif on A3O from Google Drive (yes, yes you can) by gally_hin
Fandoms: No Fandom
17 Dec 2020
Tags
Summary
This is a complementary tutorial on how to add images on a3o images from Google Drive and how to fit its on all browsers/mobiles
-
Bookmark Collections:
-
-
Tags
Summary
A work skin and tutorial for logic grid puzzles on AO3. This tutorial includes 2 versions of a logic grid puzzle: a basic version (printable!) and an interactive puzzle grid!
See Chapter 1 for an overview of the style with annotations, Chapter 2 for an explanation of how it all works (including a tutorial on making the grid printable, hiding the solution table behind a spoiler block and how to make the grid interactive), Chapter 3 for the full CSS code for easy copy-pasting, Chapters 4 and 5 for an example of an interactive 3x3x3 logic grid with the HTML code, Chapters 6 and 7 for a basic 3x3x3 grid and Chapters 8 and 9 for a 4x4x4 logic puzzle grid.
All the puzzles that appear in this tutorial are solvable and the solutions are included here!
- Language:
- English
- Words:
- 5,516
- Chapters:
- 9/9
- Collections:
- 1
- Comments:
- 11
- Kudos:
- 68
- Bookmarks:
- 50
- Hits:
- 1,439
-
Bookmark Tags:
Bookmark Collections:
-
Skin for Recreating Persona 3 Portable’s Dialog Select Box by SpookyTesting (FierySprites)
Fandoms: Persona Series, Persona 3
26 Oct 2025
Tags
Summary
A work skin for recreating the dialog selection speech bubble from Persona 3 Portable, along with the ability to add working hyperlinks.
-
Bookmark Tags:
Bookmark Collections:
-
-
Tags
Summary
Now that a version of AO3 is canon in the DC universe (called Tales of Our Own), here's a work skin to help you create a TO3 fic-within-a-fic! Complete with the top navigation bar, kudos, comments, and custom TO3 logos and styling.
- Language:
- English
- Words:
- 5,816
- Chapters:
- 1/1
- Collections:
- 2
- Comments:
- 15
- Kudos:
- 40
- Bookmarks:
- 32
- Hits:
- 872
-
Bookmark Tags:
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:
- 14
- Kudos:
- 51
- Bookmarks:
- 51
- Hits:
- 1,685
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
A tutorial on how to include a gift fic email into your fic.
- Language:
- English
- Words:
- 480
- Chapters:
- 3/3
- Collections:
- 4
- Comments:
- 4
- Kudos:
- 23
- Bookmarks:
- 9
- Hits:
- 1,793
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
A simple workskin to mimic a calendar.
Series
- Part 2 of Linwëlin's Workskins
- Language:
- English
- Words:
- 901
- Chapters:
- 1/1
- Collections:
- 2
- Comments:
- 2
- Kudos:
- 7
- Bookmarks:
- 10
- Hits:
- 1,070
-
Bookmark Tags:
Bookmark Collections:
-
As I've Written Terminal (AO3 Work Skin) by Pent
Fandoms: 崩坏:星穹铁道 | Honkai: Star Rail (Video Game)
17 Oct 2025
Tags
Summary
Writing a story that includes code execution or related sci-fi shenanigans? Here is a mobile-friendly computer terminal work skin that you can use on AO3, styled to imitate Lygus's notes in As I've Written.
Series
- Part 5 of Pent's Fandom-Specific AO3 Work Skins
- Language:
- English
- Words:
- 379
- Chapters:
- 2/2
- Collections:
- 2
- Comments:
- 2
- Kudos:
- 35
- Bookmarks:
- 22
- Hits:
- 970
-
Bookmark Tags:
Bookmark Collections:
-
Tags
- Language:
- English
- Words:
- 1,323
- Chapters:
- 1/1
- Collections:
- 2
- Comments:
- 2
- Kudos:
- 11
- Bookmarks:
- 12
- Hits:
- 799
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
Live example + code for script writing on AO3. First chapter demonstrates the code in action, Chapter 2 shows how the text must be coded and Chapter 3 has the workskin code itself.
- Language:
- English
- Words:
- 465
- Chapters:
- 3/3
- Collections:
- 1
- Comments:
- 8
- Kudos:
- 16
- Bookmarks:
- 11
- Hits:
- 426
-
Bookmark Tags:
Bookmark Collections:
-
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!
- Language:
- English
- Words:
- 2,851
- Chapters:
- 4/5
- Collections:
- 4
- Comments:
- 186
- Kudos:
- 951
- Bookmarks:
- 935
- Hits:
- 39,053
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
This is a personal experiment with HTML. It is a very limited list with what I find useful.
Update: Somehow I find more and more stuff useful, so this list is not that limited (and not that private) anymore. I'll improve it with time and according to my needs and interests.So far that's posted:
Part One: Basics
Part Two: Lines
Part Three: Footnotes and Links
Part Four: Columns and Skins
Part Five: Pictures
Part Six: Videos (and gifs)
Part Seven: Choose Your Own Adventure
Part Eight: Chapter Title
Part Nine: The Title, the Username, and Links
Part Ten: Kudos Message
Part Eleven: Newspaper Article
Part Twelve: Content Notes and Spoiler (NEW: Opacity and hover translations)
Part Thirteen: Playground for Jinx (glitch text, color, table)
Part Fourteen: Text generator
Part Fifteen: Boxes (still in progress)
Part Sixteen: Vertical Text
Part Seventeen: Transition (NEW)
Part Eighteen: Automated Animation (NEWEST)- Language:
- English
- Words:
- 14,992
- Chapters:
- 20/?
- Collections:
- 7
- Comments:
- 195
- Kudos:
- 949
- Bookmarks:
- 894
- Hits:
- 36,661
-
Bookmark Tags:
Bookmark Collections:
-
Fading out text on AO3 by feindcode (feind) for citrusella
Fandoms: AO3 Abuse, Testing, HTML Tryhard - Fandom
07 Jul 2024
Tags
Summary
create a "fading out text" effect in your AO3 works
-
Bookmark Tags:
Bookmark Collections:
-
-
Tags
Summary
A work skin for screenplays (and other scripts).
Series
- Part 3 of Work Skins
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
A visual mockup of Spotify’s song page
Series
- Part 2 of STONE WORLD SCRAPBOOK
-
Bookmark Tags:
Bookmark Collections:
