Assorted Work Skins
A collection of various work skins.
See bookmarker's tags to sort by type.
(Open, Moderated)
Random bookmarks
-
Tags
Summary
A tutorial for a Choose Your Own Adventure/Interactive Fiction workskin. A gift for my younger self, in a way.
-
Targeting specific AO3 work sections (not site) with CSS effects by Charles_Rockafellor, 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandoms: css - Fandom, AO3
26 Jan 2025
Tags
Summary
Want to apply CSS effects (e.g.: some background color, image, or .gif) to entire sections automatically from your work skin (without having to waste precious character count within said sections)?
Wish you could adjust the font, color, highlight, alignment, etc. of the section headers themselves? Perhaps even extend the work beyond the boundaries, covering that wasted space to the sides, and even the site page header and footer regions?
No clue where to even start? Tired of trying to find which part of the work is which from peeking at other works' work skin rules, or mucking about with trial and error?
🤣 Don't Panic. 😉
Here you'll find how to aim your work skin rules at any section of your work (or combination thereof) that you want — and yes, even how to expand those effects to outside of the work area ! (Even... comments )
I read, appreciate, and reply to all of your comments — they're always welcome! ❤️
Series
- Part 8 of How to
-
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!
-
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
Got a fic where characters message each other?
Series
- Part 3 of Azdaema's AO3 Messaging Skins