Hoard of Excellent Coding Templates and Tutorials
People are so smart! 🤓😎
(Open, Unmoderated)
Recent bookmarks
-
Tags
Summary
This is a workskin meant to mimic the Reddit mobile UI, updated as of 2026. Features include customisable default display pictures, cross-posting, pinning, locking, archiving, having moderators, lightmode, darkmode, and more.
-
𖤂 Starfleet Themed Work Dividers for Fic Formatting by CodenameCarrot for DoubleStashed
Fandoms: Star Trek, Star Trek: Starfleet Academy (TV 2026)
07 Feb 2026
Tags
Summary
A css skin and tutorial that allows you to make Starfleet themed dividers for use within a chapter. It can be used to modify the h3 heading (for dividers with titles or description) or the hr element (for dividers without).
This skin and the resulting dividers have been tested on, and work with, the standard site skin, low vision site skin, reversi, snow blue, and the highly modified version of simply twilling I use as my standard. So it should work for almost every one of your readers.
Series
- Part 21 of AO3 Work Skins/Tutorials
-
Tags
Summary
Add a direct link to comment on a chapter that looks like a real A03 button!
Right now, if a user is reading in "entire work" the easiest way to comment on a chapter is to open the next chapter in a new tab, then go back a chapter, click comments, and then leave a comment. Readers who downloaded a work have even more hoops to jump though.
This is a guide to making a direct link to the feedback section and/or dedicated comment pages so that our readers can give us some. It uses AO3's default CSS classes to piggyback on the archive formatting our reader is using, making it look like an official A03 button on the web. (CSS formatting does not carry-over if the work is downloaded, but the link will remain.)
Series
- Part 20 of AO3 Work Skins/Tutorials
-
How to Mimic Author's Notes and Kudos/Comment Buttons by La_Temperanza
Fandoms: No Fandom
20 May 2017
Tags
Summary
Anonymous on tumblr: do you have a skin that would mimic the author’s notes and review/kudos buttons section from the end of a fic? the desired effect being that the fic could go on after the “end” of the fic, so after the author’s notes and review/kudos buttons
Here's a tutorial/live example to do just that, with some of the buttons actually functioning. I'll explain more inside!
Series
- Part 14 of AO3 Work Skins/Tutorials
-
How to Make Show/Hide Buttons for Your Fics (including Homestuck Pesterlog-Style) by buttertartz
Fandoms: No Fandom
01 Jan 2026
Tags
Summary
This is a tutorial on how to use CSS skins and HTML on AO3 to make buttons that show/hide a portion of text, similar to Pesterlogs from Homestuck.
Series