Archive of Our Own

Recent bookmarks

1. Public Bookmark *

   How to Mimic Letters, Fliers, and Stationery Without Using Images by La_Temperanza

   Fandoms: No Fandom  

   • General Audiences
   • No Archive Warnings Apply
   • Gen
   • Work in Progress

   27 Jul 2017

   Tags

   • No Archive Warnings Apply
   • Fanwork Research & Reference Guides

   Summary

   This is a tutorial/live example on how to mimic the look of letters, fliers, and stationery (as well as other forms of written media) without using images. For all your epistolary fic needs.

   Series

   • Part 17 of AO3 Work Skins/Tutorials

   Language:

   English

   Words:

   3,724

   Chapters:

   1/?

   Collections:

   8

   Comments:

   156

   Kudos:

   2,034

   Bookmarks:

   1,643

   Hits:

   67,570

   Bookmarked by goldtreesilvertree

   15 May 2026

2. Public Bookmark *

   A Complete Guide to 'Limited HTML' on AO3 by CodenameCarrot

   Fandoms: No Fandom  

   • General Audiences
   • No Archive Warnings Apply
   • No category
   • Complete Work

   31 Oct 2025

   Tags

   • No Archive Warnings Apply
   • HTML
   • cheat sheet
   • How-to
   • no story here
   • reference
   • Fanwork Research & Reference Guides
   • ascii art
   • not screen reader friendly
   • Not TTS Friendly

   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,403

   Kudos:

   7,336

   Bookmarks:

   8,778

   Hits:

   448,804

   Bookmarked by goldtreesilvertree

   15 May 2026

3. Public Bookmark *

   How to Make Customized Page Dividers by La_Temperanza

   Fandoms: No Fandom  

   • General Audiences
   • No Archive Warnings Apply
   • Gen
   • Complete Work

   30 Jan 2016

   Tags

   • No Archive Warnings Apply
   • Fanwork Research & Reference Guides

   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,046

   Hits:

   70,699

   Bookmarked by goldtreesilvertree

   15 May 2026

4. Public Bookmark *

   Fonts, and colors, and work skins, oh my! by Charles_Rockafellor, 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)

   Fandoms: css - Fandom, Work Skins - Fandom  

   • General Audiences
   • No Archive Warnings Apply
   • Gen
   • Complete Work

   24 Jan 2021

   Tags

   • No Archive Warnings Apply
   • CSS
   • Work Skins
   • Work Skin
   • workskin
   • workskins
   • code
   • Coding
   • Snippet
   • HTML
   • ao3 - Freeform
   • fonts
   • Font color
   • Font size
   • Highlight - Freeform
   • highlights
   • Background - Freeform
   • Backgrounds
   • Unconventional Format
   • Tutorial
   • how to
   • site skin
   • view work skin
   • see rules
   • Inspect
   • Fanwork Research & Reference Guides
   • HTML Tryhard

   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

   Language:

   English

   Words:

   35,748

   Chapters:

   1/1

   Collections:

   11

   Comments:

   441

   Kudos:

   755

   Bookmarks:

   1,054

   Hits:

   87,245

   Bookmarked by goldtreesilvertree

   15 May 2026

5. Public Bookmark 56

   Violetmilk's quick and dirty guide to writing smut by violetmilk

   Fandoms: No Fandom  

   • Mature
   • No Archive Warnings Apply
   • F/F, Multi
   • Complete Work

   12 Jan 2025

   Tags

   • No Archive Warnings Apply
   • Example Character A/Example Character B
   • Writing Guides
   • Meta
   • resource
   • Smut
   • Porn
   • Femslash
   • tips
   • Advice
   • I'm now weirdly attached to my OCs A and B

   Summary

   This is a guide to crafting explicit content, designed to make it less daunting for writers who might be new to writing smut but not new to storytelling. This is not a guide to anatomy or a step-by-step on sex acts; it's a mix of craft (what to write) and process (how to go about writing it) advice that aims to be practical and easily digestible.

   It is illustrated with femslash examples, since that’s what I write most, and my aim is to help others feel more comfortable writing it. That said, the advice itself is largely non-specific.

   Language:

   English

   Words:

   4,775

   Chapters:

   4/4

   Collections:

   1

   Comments:

   19

   Kudos:

   157

   Bookmarks:

   55

   Hits:

   2,471

   Bookmarked by goldtreesilvertree

   14 May 2026