Ao3 Collection Header Size, How to use AO3 Effectively Profile This collection is where I will save bookmarks for works that detail how to use AO3 more effectively, such as site skins and formatting guides. Part 3 of CSS code scripts for Ao3 Language: English Words: 714 Chapters: 1/1 Collections: 5 Comments: 13 Kudos: 231 Bookmarks Formatting content on AO3 with HTML Tutorial: Creating a Collection Tutorial: Running a Gift Exchange on AO3 Tutorial: Running a Prompt Meme on AO3 Hidden search operators cheatsheet Tutorial: Importing Text-based Works Tutorial: Posting a Work on AO3 Searching and browsing on the AO3 What tutorials are available on how to customize the Archive? Sep 7, 2019 · Summary: Live example and tutorial on how to insert a fanfic header + fic tags + summary in your fanfic. You must be logged in to your AO3 account to experience any skin you apply to the site itself, but any work skins you apply to your works will display Creating a new collection: click to see larger version. all ao3 branding has been removed. In perfect ao3 style. (Open, Moderated). The image can be a gif, jpg, jpeg, or png, but can't be hosted on the Archive of Our Own (AO3) itself. Please make allowances if your site customization is different. 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? Feb 1, 2024 · 💬 8 🔁 166 ️ 277 · two ways to change AO3's font size · if you want to change the whole site Log into your account Tap on Hi, username! at the top of the page choose Dashboard from the dropdow… 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 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 Can I change the AO3 interface? Yes! You can change the colors, fonts, and layout of the Archive of Our Own (AO3), as well as of individual works, by applying a skin. No matter what size i pick i can make it only show the image. If you're planning on collecting themed works or bookmarked recs, this tutorial should reblog? today I figured out how to adjust the size of the ao3 header then I just plonked it on top of reversi because I didn’t want to code the rest of the skin 🤣 [screenshot of the top of the ao3 homepage. Its there something i can do? dimensions are better? or what to do so mobile and desktop both shows the full image? I understand ao3 has more important priorities so if it's not possible it's cool but if there was something i could do to make it look ao3 skin Fanwork Research & Reference Guides Work Skin Live example and tutorial on how to insert a fanfic header + fic tags + summary in your fanfic. It assumes you have no prior knowledge of creating a collection. If special css formatting is being used for the table header, body, or footer, those OPTIONAL tags may be used to group rows. To create a collection, go to your AO3 profile, then to 'Collections', and click 'New Collection'. If you need your own fic to go extra meta. This will take you to the long form shown to the right (click on the image to see a larger version). You can use skins created by other people or create your own using custom CSS. Therefore, to put a header on your collection, you'll first need to host it elsewhere on an image sharing site. Nov 11, 2015 · Tables start by opening a table using the 'table' tag. I just created a collection (prompt meme) and i'm having problems with the header. It also assumes you're accessing the site in the default skin. 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). Introduction This tutorial will guide you step-by-step through the New Collection form on Archive of Our Own (AO3). the header menus look like glowing buttons to What size do you make your Header to best fit the AO3 document? Like, what Width and what Height? I think I read somewhere that it adjusts automatically too, whether you're reading on a phone screen or laptop screen, and I just wanted to ask if that's correct? Or do I need to take that into account somehow? 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 Oct 31, 2025 · An Archive of Our Own, a project of the Organization for Transformative Works Learn how to format content on Archive of Our Own (AO3) using HTML with this comprehensive FAQ guide. Fortunately, you don't need to fill out the entire thing in order to create your collection. Its there something i can do? dimensions are better? or what to do so mobile and desktop both shows the full image? I understand ao3 has more important priorities so if it's not possible it's cool but if there was something i could do to make it look Creating a new collection: click to see larger version. the background is an image of an iron man schematic. jb1qx r32ehl qu48 xk sjrxwgx bucrk rwie 8dg6 tm2 n4wc
© Copyright 2026 St Mary's University