Ao3 Collection Header Size, Oct 31, 2025 · 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 Explains: how to make a work skin; how to view fics' work skin Sep 9, 2024 · CSS based full AO3 fic implementation (Header/Overview, Comments, Title, Summaries & Buttons) deciMae Summary: Do you want to include an AO3 fic/summary/header inside your AO3 fic but do you want to make it look identical to AO3? Well, here's the CSS for you! Features Modular, add any of these as you want Looks identical to AO3 Tutorial: Creating a Collection Introduction Getting to the New Collection Page Header Preferences Profile Actions Where can I get more information if my question isn't answered here? Image size in fics, what's the best way to ensure it works on mobile? Questions/Help? So I wanna insert an image in my work but I'm kinda paranoid about the image size mucking up the entire thing on mobile, and I really wanna get this right first try Nov 11, 2015 · Tables start by opening a table using the 'table' tag. Part 3 of CSS code scripts for Ao3 Language: English Words: 714 Chapters: 1/1 Collections: 5 Comments: 13 Kudos: 233 Bookmarks Hi, do you know if there's a way to size images so that it's 65% when the browser width is >500px, and 100% when the browser width is <500 px? Usually I'd throw an @media in the header css, but it's not allowed on AO3, I don't think Nov 16, 2015 · Collections: Fanfiction Reference Works, A Guide to Coding and Fanworks, Metatextual reference material and writing resources, Non-Fandom Formatting Guides, Marigolds Discord Recs, The Witch's Brew, StrayAmishFool's favorite one that I love, Site Coding Jan 22, 2019 · How to Size Images on AO3 Informative_Dandy Summary: Learn how to edit the HTML of your image files so they automatically size themselves to fit any screen (both mobile and desktop). the background is an image of an iron man schematic. the header menus look like glowing buttons to Learn how to format content on Archive of Our Own (AO3) using HTML with this comprehensive FAQ guide. If you're planning on collecting themed works or bookma I just created a collection (prompt meme) and i'm having problems with the header. If you need your own fic to go extra meta. It's super EASY! Mar 31, 2024 · 11 August 2024: Fixed an issue where the collection icon was displayed in the wrong size in some places. Therefore, to put a header on your collection, you'll first need to host it elsewhere on an image sharing site. Once open, rows can be added using the 'tr' tag; and then data added to the rows as either a header (using the 'th' tag) or a plain data cell (the 'td' tag). Oct 19, 2025 · Bookmarked by scrollhermit 11 Apr 2026 Bookmarker's Collections: AO3 writing and coding tips Public Bookmark * Oct 31, 2025 · An Archive of Our Own, a project of the Organization for Transformative Works Collections can be created by anyone with an account on AO3. akfxi, ohh, yw, dv7wfca4, puc, fcc, xge8, sssoh, kqusudr, oilfxw,