AO3小老師
推薦給 AO3 中文使用者的 site skin（網站主題／皮膚）、work skin（作品介面／皮膚），與其他好用工具。
任何相關使用教學與自製介面皆可自行加入本合集。
(Open, Unmoderated, Anonymous)
Recent works
-
Tags
Summary
这是一个关于HTML的个人实验。最初只是一个我觉得有用内容的非常有限的清单。
更新： 不知不觉中，我发现越来越多的东西都很有用，所以这个清单已经不再那么有限（也不再那么私人）了。我会随着时间推移、并根据自己的需求不断完善它。刚刚意识到，这个清单永远不可能“完成”，因此也不会有一个最终确定的章节数量。
目前已发布内容：
第一部分：基础
第二部分：分隔线
第三部分：脚注与链接
第四部分：分栏与皮肤
第五部分：图片
第六部分：视频和动图
第七部分：自选冒险（多支线剧情）
第八部分：章节标题
第九部分：标题、用户名与链接
第十部分：Kudos 回复信息
第十一部分：报纸文章
第十二部分：内容说明与剧透（新增：透明度与悬停翻译）
第十三部分：乱七八糟的试验场（故障文字、颜色、表格）
第十四部分：文本生成器
第十五部分：盒子（仍在制作中）
第十六部分：竖排文字
第十七部分：渐进效果（新增）
第十八部分：自动动画（最新）【有一阵子译者本人在小红书频繁刷到关于AO3 CSS/HTML相关的求助帖，都是一些很基础的问题，相关指南在Reddit和AO3已经很多见，只是苦于语言壁垒很多简中作者无法便利地获取到。由此我萌生了将M师这篇帖子汉化的想法（这篇指南涵盖范围很广而且很详细，非常适合新手阅读），最后也成功获得了授权，感谢M师。】
【说是翻译，有一些需要注意：1.M师的帖子仍是处于更新状态，加上本人更是鸽中之王，因此其中许多翻译上的时间维度上的差异必然存在。2.本人是纯种话痨，会有许多自己的碎碎念和想法加入其中，都将采用【】的格式加以区分。】
【最后也欢迎其他擅长CSS/HTML的作者与我交流，如有启发也可以多写点文章充实AO3CSS的简中区，collection可以加入 麋象 (elkphant)的AO3小老師，这位老师也收集了许多中文的指南，只不过繁体居多。】
【以及如果 麋象老师看到了请把我放出匿名，感谢你<3】【尝试性链接】
Series
- Part 2 of 沉迷于CSS和HTML😵
-
Tags
Summary
好吧我相信肯定有人HTML学得比我好Skins做得比我漂亮，我只是来制作傻瓜教程的，致力于让每个看了的人都能学会。
主要原因是鹅师傅永远怀抱一种花时间写了的东西一定要分享的精神。
Series
- Part 1 of 沉迷于CSS和HTML😵
-
AO3使用者標籤指南 by 麋象 (elkphant)
Fandoms: AO3 Tags, Internet & Social Media (Anthropomorphic)
25 Aug 2024
Tags
Summary
在 AO3，你可以隨心所欲填寫標籤。
但是，假如你想要的是最標準、最容易搜尋，或也能簡化標籤管理員工作的標籤，來參考這一篇簡易指南吧。
最初寫於 2013 年，2025 年 3 月重寫，以符合當下標籤與準則（如果這對讀者你來說已是很久以前，那麼或許又過時了）。
-
Tags
Summary
本只是自己想知道一下意思而已
每個都單獨查了，不如就翻譯分享一下好了不能只有我受到傷害
Recent 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
Bookmarked by 麋象 (elkphant)
22 Feb 2026
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's 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 !Bookmarked by 麋象 (elkphant)
19 Oct 2025
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's 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: 18 April 2026Series
- Part 4 of AO3 Site Skins
- Language:
- English
- Words:
- 2,040
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 311
- Kudos:
- 982
- Bookmarks:
- 425
- Hits:
- 44,352
Bookmarked by 麋象 (elkphant)
19 Oct 2025
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's 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.
Bookmarked by 麋象 (elkphant)
19 Oct 2025
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's 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?Bookmarked by 麋象 (elkphant)
19 Oct 2025
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
好神奇。乍看之下就像在使用 Gmail，薪水小偷的好工具。