9 Bookmarked Items in css/html & some such
List of Bookmarks
-
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
- Language:
- English
- Words:
- 1,201
- Chapters:
- 2/2
- Collections:
- 4
- Comments:
- 47
- Kudos:
- 451
- Bookmarks:
- 551
- Hits:
- 17,559
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
a workskin made to emulate discord's formatting while matching the users site skin
Series
- Part 2 of silly little codey bits
- Language:
- English
- Words:
- 753
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 2
- Kudos:
- 44
- Bookmarks:
- 31
- Hits:
- 1,222
-
Bookmark Tags:
Bookmark Collections:
-
Rosé Pine Site Skin by BlackBatCat
Fandoms: Site Skins - Fandom, AO3, Archive of Our Own
29 Aug 2025
Tags
Summary
A chic, streamlined site skin based on the Rosé Pine palette.
"All natural pine, faux fur and a bit of soho vibes for the classy minimalist."
✿ UPDATED - 9/27/26 ✿
This skin has received a major update—please review the instructions carefully as many changes have been made!
For existing users: The font, text decoration, and UI variable sections have been moved from the theme skin to the base skin for easier control. If you've made personal modifications to the base or theme skins I strongly recommend saving them somewhere else before updating.
When updating, make sure to update all of the skins!
You can view update details on Github.
-
Bookmark Tags:
Bookmark Collections:
-
-
How to Override the Archive's Automated Chapter Headers by C Ryan Smith (AiedailEclipsed)
Fandoms: No Fandom
25 Nov 2018
Tags
Summary
This is a tutorial/live example on how to override the Archive's automated chapter heading system and define your own (eg remove "Chapter 1: Chapter Title" and insert "Act 1, Verse 1" instead).
- Language:
- English
- Words:
- 997
- Chapters:
- 2/2
- Collections:
- 4
- Comments:
- 44
- Kudos:
- 268
- Bookmarks:
- 312
- Hits:
- 11,444
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
Bored with the default page dividers? This is a tutorial/live example on how customize your page dividers with no images needed (though I do show you how you could use images if you wanted to do such a thing).
Series
- Part 9 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 2,156
- Chapters:
- 1/1
- Collections:
- 7
- Comments:
- 97
- Kudos:
- 1,612
- Bookmarks:
- 1,045
- Hits:
- 70,768
-
Bookmark Tags:
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:
- 328
- Bookmarks:
- 332
- Hits:
- 14,123
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
This is a personal experiment with HTML. It is a very limited list with what I find useful (2018).
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 (with 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: Drop-Down Transition Delay (NEW & reformed)
Part Eighteen: Automated Animation (NEWEST and No. 2 added)- Language:
- English
- Words:
- 15,861
- Chapters:
- 21/?
- Collections:
- 7
- Comments:
- 229
- Kudos:
- 1,126
- Bookmarks:
- 1,036
- Hits:
- 42,865
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
Just a quick and dirty HTML reference for AO3, with references to CSS style, HTML style, and other guides.
Series
- Language:
- English
- Words:
- 3,584
- Chapters:
- 4/4
- Collections:
- 2
- Comments:
- 65
- Kudos:
- 272
- Bookmarks:
- 307
- Hits:
- 23,321
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
There are some great quick-and-dirty guides to HTML on A03. This is not one of them - it is a comprehensive guide
It's now 2025, a decade later. A03 supports some new HTML and and we're all walking around reading fic on supercomputers that fit in a jean pocket. It was time to update.
The previous three chapters have been divided into smaller concepts. Each tag continues to have - at a minimum - a link to the w3schools page about it (so you can learn more), a code example, and the result of the code example. Most tags have their attributes, things like [src] or [title], listed and examples of how using the attributes modify the tags.
There's a chapter on Bad Ideas, including how some of the archive's default CSS is available to you to format your work (users can't turn that off by hiding a workskin!)
Oh. And I added a bunny army. You could learn how to add one too.
/)/) /)/) /)/) (..) (..) (..) *( ) *( ) *( )
Series
- Part 19 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 28,122
- Chapters:
- 15/15
- Collections:
- 8
- Comments:
- 1,406
- Kudos:
- 7,344
- Bookmarks:
- 8,787
- Hits:
- 449,432
-
Bookmark Tags:
Bookmark Collections: