1 - 20 of 87 Bookmarked Items in AO3小老師
Navigation
List of Bookmarks
-
AO3IDE: The (Currently) Best Way to Develop Workskins by feindcode (feind)
Fandoms: Fandom - Fandom
13 Feb 2026
Tags
Summary
how to write ao3 workskins with only half the pain
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
作品介面開發神器,直接測試程式碼的套用結果,這樣子就不用每次開新的草稿了🥹👍
-
-
Tags
Summary
A Copy Sheet for anyone (me) who struggles to put their feelings about a Fic or nice Comments into words
(Updated regularly; Taking requests)
! Works only for registered users !-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
好可愛😍😂 簡單說就是作者做了 AO3 貼圖/Giphy 讓人隨時可用
-
-
Tags
Summary
A site skin that gives AO3 a slightly modernized, semi-flat look and enhances the user experience.
Features:
- Slimmed-down header
- NEW: Optional header image
- Sticky dashboard (desktop only) and sticky filters
- Custom content icons and stats icons
- Color-coded tags
- Improved tablet and mobile compatibility
- Optional automatic switching between light and dark mode
- Seven customizable color schemes (more may follow)
Available color schemes
- AO3 Default Colors
- Black & White
- Charcoal Rose
- Dusky Dark Purple
- Midnight Black (true dark mode for OLED)
- Powder & Pink
- Tumblr Blue (based on the low-contrast classic palette)
Last updated: 30 May 2026Series
- Part 4 of AO3 Site Skins
- Language:
- English
- Words:
- 2,042
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 341
- Kudos:
- 1,120
- Bookmarks:
- 510
- Hits:
- 52,500
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
現代化的版面配置、多種顏色組合!
-
Netflix Work Skin by entropy_muffin
Fandoms: Goncharov (1973) dir. Martin Scorsese - beelzeebub, No Fandom
12 May 2025
Tags
Summary
A Netflix/streaming service work skin for AO3.
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
現在你可以在 AO3 看 Netflix 了(並不行
-
-
Tags
Summary
CSS to replicate the look and feel of Gmail for AO3 /works interface (and the rest of the site, to some extent).
Use this if you want to replicate the trepidation of checking your emails while you uhh escape to the fictional worlds of your blorbos?-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
好神奇。乍看之下就像在使用 Gmail,薪水小偷的好工具。
-
-
Skin for Making Character Intro Cards by SpookyTesting (FierySprites)
Fandoms: No Fandom
15 Nov 2024
Tags
Summary
A work skin for creating concise and compact cards for introducing characters in a fic – including their name, title, portrait, some characteristics, and fandom of origin. Meant to be used in crossovers, but doesn’t have to be.
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
角色圖卡,可放置基本訊息與角色圖片,類似電玩遊戲的人物介紹,適合背景設定與遊戲相關的作品。
-
-
Tags
Summary
好吧我相信肯定有人HTML学得比我好Skins做得比我漂亮,我只是来制作傻瓜教程的,致力于让每个看了的人都能学会。
主要原因是鹅师傅永远怀抱一种花时间写了的东西一定要分享的精神。
Series
- Part 1 of 沉迷于CSS和HTML😵
- Language:
- 中文-普通话 國語
- Words:
- 4,779
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 5
- Kudos:
- 29
- Bookmarks:
- 9
- Hits:
- 407
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
深藍色的 AO3 主題!文內有針對 AO3 排版的說明與簡便的 MS word 指南,nice!
-
Tags
Summary
A tutorial for creating and formatting spreadsheets in AO3, using CSS and HTML.
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
Microsoft Excel 工作表的 work skin,想不到,真的想不到。在 AO3 也要工作(X)。
-
-
Summary
mostly contains chinese social media app themed workskins
- Words:
- 8,464
- Works:
- 5
- Bookmarks:
- 17
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
中文的 work skin!有聊天體、論壇體,論壇體有根據網站 NGA、豆瓣與小紅書的外觀製作,未來預計會有更多中文常見的網站或軟體。
-
Working Randomizer ..so lets go gambling!! by Gumba (GumbaBunny), GumbaBunny, ⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧⅧ (GumbaBunny), 𝔾ⓤ𝕞𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (GumbaBunny) for Mewzebub
Fandoms: Original Work, Archive of Our Own
27 Aug 2025
Tags
Summary
Refresh the page to display new elements each time.
- 64 Outcomes (+54 Deck of Cards)
- 38 Outcomes
- 20 Outcomes (d20, Magic 8 Ball)
- 6 Outcomes (d6)
- 3 Outcomes (Rock Paper Scissors)
- 2 Outcomes (Heads Tails, Yes No)
- CYOA Random Endings
- Div class (div in refresh div)
- Work Title Randomizer
- Refresh Button
Series
- Part 3 of Ao3 C̵̬̳͕̲̪̖̉̎̂͌̿̊̈́̅o̶̬̳͇͙̤̎̄͗̈́̓̃̔̚͜͝d̷̙̹̖̳̪̞̬̗̔͐́̏̕i̶̧͈̱̣̝̍ͅn̸̛͉̤̙̭̂̾̏̏̑̈́̀̎̅̅͂g̸̢͉͈̦͍͎̮͎̭̮̉̌́̇̄̓͜ͅͅ
- Language:
- English
- Words:
- 9,744
- Chapters:
- 10/10
- Collections:
- 1
- Comments:
- 23
- Kudos:
- 46
- Bookmarks:
- 10
- Hits:
- 946
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
居然可以用來骰色子……安價有希望?太酷了。
-
Tags
Summary
For when your characters are frantically googling stuff (includes search history!). There is a clickable version where you click to reveal suggested searches, and a normal, static version.
This was made to be fairly unintrusive, it works on both mobile + desktop, and it's still understandable when the workskin's disabled.
Series
- Part 5 of AO3 workskins
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
一個搜尋引擎的展開收合效果,利用了 details 與 summary 標籤是很聰明的做法,且有考量到關閉介面的情形,很細心。超讚!
-
[Fandom stats tutorial] How to find the biggest ships on AO3, or for a given AO3 fandom by toastystats (destinationtoast)
Fandoms: Fandom - Fandom
13 Oct 2024
Tags
Summary
In which I start out trying to help someone debug a Transformers ship search weirdness, but I end up giving (hopefully) more generally helpful info/advice on finding the biggest ships. Contains notes on the limitations/quirks of Tag Search (as of Oct 2024).
Series
- Part 2 of Fandom stats tutorials
- Part 127 of Fandom Stats
- Part 23 of Shipping Stats
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
教學如何尋找一個坑中最熱門的 CP,以及數字錯誤的可能原因。
-
Finished, Dropped or something else? How to make custom tags for story titles by Curvo
Fandoms: No Fandom
12 Dec 2024
Tags
Summary
A short guide on how to add tags next to fanfiction titles, so you know which stories you have already read or dropped when browsing for new ones to read.
- Language:
- English
- Words:
- 454
- Chapters:
- 1/1
- Collections:
- 2
- Comments:
- 8
- Kudos:
- 30
- Bookmarks:
- 17
- Hits:
- 605
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
利用網站主題的特性協助整理閱讀清單!非常聰明的方法!值得試用看看!
-
Phone Screen / Lock Screen AO3 Work Skin Guide by imperiousmarshmallow
Fandoms: No Fandom
15 Mar 2025
Tags
Summary
A tutorial to mimic a basic iOS-style phone screen with notifications and now playing indicator.
Series
- Part 3 of AO3 Work Skin Tutorials
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
手機通知列的作品介面!而且圖示是以顏色漸層表示,既一目瞭然又減少上傳圖片的繁瑣工程,讚!
-
Tags
Summary
一个被各种“难用”抱怨催生出来的自用AO3搜索经验整理,
由于个人完全不懂技术所以充满了海量的观察、猜测、推定、照搬以及经验主义的碎碎念
※ 直接看常用查询请猛击【这里】
/* 本文使用了自制Work Skin */-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
AO3 搜索與篩選的邏輯分享,有符合使用習慣的詳細說明,適合想要進階搜尋的使用者們閱讀。
-
-
Tags
Summary
Bookmarklets work on pretty much every browser and device. I've made these specifically for use on AO3, and thought I'd share them here in case other people find them helpful too.
Table of Contents:
- How to install and use a bookmarklet (including on mobile)
- Remove empty paragraphs when reading other people's works
- Remove empty paragraphs when editing your own works
- Get the tag ID of any canonical tag (pending)
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
為方便AO3使用的各種Bookmarklet書籤小工具!
-
Tags
Summary
Want to code in ao3?
Heres how!
This work will teach you how to code on ao3 from simple to more advanced techniques.
Some code featured in this work is credited to their respected authors, so be sure to check them out as well!
Series
- Part 1 of Ao3 C̵̬̳͕̲̪̖̉̎̂͌̿̊̈́̅o̶̬̳͇͙̤̎̄͗̈́̓̃̔̚͜͝d̷̙̹̖̳̪̞̬̗̔͐́̏̕i̶̧͈̱̣̝̍ͅn̸̛͉̤̙̭̂̾̏̏̑̈́̀̎̅̅͂g̸̢͉͈̦͍͎̮͎̭̮̉̌́̇̄̓͜ͅͅ
- Language:
- English
- Words:
- 41,554
- Chapters:
- 20/?
- Collections:
- 2
- Comments:
- 142
- Kudos:
- 397
- Bookmarks:
- 597
- Hits:
- 19,143
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
非常全面的AO3語法百科,匯集了各種使用教學與介面分享!另外首頁的Reddit網址也有很全面的整理,推薦逛逛!
-
Tags
Summary
A tutorial to mimic LINE chats in your stories, with some niceties like stickers.
Series
- Part 1 of AO3 Work Skin Tutorials
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
很全面的LINE作品介面!包含頭像、傳送Youtube影片、傳送檔案等,要配合暗色底需要調整文字顏色,除此之外都很棒。
-
Use HTML Chats in your fic! (NO CODING NEEDED!) by cakecats
Fandoms: 崩坏:星穹铁道 | Honkai: Star Rail (Video Game), No Fandom
22 Sep 2024
Tags
Summary
I know a lot of authors struggle with HTML so I made this web tool where you can write chats 100% visually with no code at all. All you have to do is click two buttons and the HTML will be done for you :)) The link is in the fic — enjoy!
NOTE: Only chapter 1 is needed if you want to use the tool.
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
這個是為遊戲HSR與iOS聊天介面製作的HTML產生器,完全不需要用到HTML就可以用,讚。
-
-
CSS based full AO3 fic implementation (Header/Overview, Comments, Title, Summaries & Buttons) by deciMae
Fandoms: No Fandom
09 Sep 2024
Tags
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
- Dynamic skin! (by taking AO3 CSS)
- Very compatible with AO3 skins
Series
- Part 2 of Mae's CSS creations
-
Bookmark Tags:
Bookmark Collections:
Bookmark Notes:
基本上直接取用AO3作品頁的HTML碼,所以讀者所見是自用主題的樣式!
唯一僅有的問題大概是,如果設定過文字大小,有些按鈕、框框會比一般的要大。
