CSS Codes
CSS coding tutorials
(Closed, Moderated)
Recent bookmarks
-
Tags
Summary
Example and basic code for making some text hidden or optional on Ao3 using details and summary tags
Bookmarked by TETRACIDE
09 Jan 2024
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
Work/Series Details
Very basic how to: hide text (spoilers) on Ao3 by FidgetScribbles
Published: 2023-04-19
Work/Series ID: 46611205Relationship Tags:
• No Relationship Tags
Work/Series Summary:
Example and basic code for making some text hidden or optional on Ao3 using details and summary tags
(Approximate) Last Read: 2024/01/08
-
How to Block Tags With Site Skins (And Get Real Specific About It) by Stellar_Eclipse
Fandoms: No Fandom
25 Jun 2025
Tags
Summary
Just some info I've gathered over the past couple of weeks, about how to:
1. Block tags using Site Skins, block only fics that contain both tag A and tag B, and block fics with a tag that contains a certain phrase, unless they are a specific whitelisted tag
2. Highlight the tags in pretty colors! Or bold, or hide them!
3. Block mega-crossovers with a million different fandoms
4. Select for/block fics that are completed/rated something/have a certain category/don't have summaries
5. Block everything that doesn't have a certain tag, or one of a list of tags
6. Block orphan_account and tag block by author
7. Block only tags of specific types (fandoms, relationships, freeforms, etc.)
8. Block fics focused on a list of characters, and/or fics without any tags of a specific type
9. Block every pairing with two characters in it—case insensitive, any order, no matter how many other people are also in the tag
10. Block by number of tagsSeries
- Part 1 of Site Skins and CSS Quackery
-
Tags
Summary
a work skin that mimics the program Discord (for chatfics or fics that feature use of it!)
made this skin over a couple days; it won't look good on mobile or with creator's style disabled but the html is pretty easy to customise!
(Note: some folks in the comments have been kind enough to share some fixes for a few of the problems!)If you use it, crediting and linking back here so other people can find it is appreciated :)
EDIT: I haven't updated this in quite some time so I'm giving blanket permission for people to share their own fixed and improved versions of the code! Just link back here so people can find some help for how to use it. happy writing!
-
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
- Language:
- English
- Words:
- 6,494
- Chapters:
- 12/?
- Collections:
- 7
- Comments:
- 100
- Kudos:
- 887
- Bookmarks:
- 1,068
- Hits:
- 46,133
Bookmarked by TETRACIDE
30 Jan 2020
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
CSS
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom Deadpool (Comics), Deadpool - All Media Types, No Fandom, Star Trek, Star Trek: Starfleet Academy (TV 2026), Undertale (Video Game)
07 Feb 2026
- Words:
- 93,843
- Works:
- 21
- Bookmarks:
- 4,746
Bookmarked by TETRACIDE
07 May 2018
Bookmarker's Collections:
Bookmarker's Notes
site skins tutorials