Coding
This tag belongs to the Additional Tags Category.
Parent tags (more general):
This tag has not been marked common and can't be filtered on (yet).
Works which have used it as a tag:
Pages Navigation
-
Tags
Summary
George has just landed his dream job. Ever since he's started playing Minecraft in middle school he's always wanted a job related to gaming in general.
There's only one problem.
He got hired as a developer on MunchyMC.
But he's never programmed in his life.
-
SITE SKIN: Updated Workings Fix Actions Left by Gay_4_Space
Fandoms: css - Fandom, Archive Skins, Site Skin - Fandom, AO3
23 Jul 2021
Tags
Summary
Updated the Workings Fix Actions Left to work properly nowadays. Copy/Paste into your own site skin to make it work.
Series
- Part 1 of Updated Site Skins
- Part 1 of Site Skins
-
SITE SKIN: Updated Workings Fix Actions Right by Gay_4_Space
Fandoms: css - Fandom, Archive Skins, Site Skin - Fandom, AO3
23 Jul 2021
Tags
Series
- Part 2 of Updated Site Skins
- Part 2 of Site Skins
-
SITE SKIN: Blue Icons by Gay_4_Space
Fandoms: css - Fandom, Archive Skins, icon set - Fandom, AO3
24 Jul 2021
Tags
Summary
Modifies most of the red site icons into blue ones.
The only ones unaffected are the main logo in the header and the fem-slash one.Series
- Part 5 of Site Skins
-
Tags
Summary
If anyone who actually knew Q had known about this, they probably would have been shocked. After all, Q was a literal genius who dealt with the most advanced security and coding in the world. How could he tone it down for literal 12 year olds?
Or, the one where Q has an unexpected hobby.
Series
- Part 6 of Soup's 007 Fest 2021 Fics
-
Tags
Summary
Realizing that Monika and Yuri became pregnant while Natsuki didn't, the reader seeks to remedy this problem in the best way possible.
Series
- Part 3 of Journey for Yuri
-
Tags
Summary
CSS and work-skin for a fake local journaling app for use in fics. Use it to style journal/diary entries for a character who wouldn't post their innermost thoughts in a blog, but would put them in a device for themselves.
-
Don't it just grind your gears? by glitter_in_my_eyes
Fandoms: New Teen Titans, Titans (Comics)
12 Sep 2021
Tags
Summary
Dick's working on a coding problem and hits a snag, but Vic's there to cheer him up. And maybe get a little cheering up himself too.
-
a "quick" guide to Pesterlog and custom workskin coding by Tatttletale
Fandoms: Homestuck
24 Sep 2021
Tags
Summary
i can't frickin understand it myself without writing it all out in a guide so here we go
-
A Hypostasis' Guide to Godhood by Bookshelf_Indulgence
Fandoms: 原神 | Genshin Impact (Video Game)
23 Dec 2022
Tags
Summary
A computer programmer dies and wakes up in an eerily familiar world.
The twist? They’re the Electro Hypostasis.In this world of power, they decide to become a god instead of being massacred in the name of Character Ascension Materials.
(Now if only the arsonist child that comes along on its journey would stop calling it “Mr. Seelie”.)
OR
An isekai’d Hypostasis accidentally kidnaps an enthusiastic Klee and takes a very convoluted road trip across Teyvat in search of other Hypostasis Systems to create the ultimate lifeform.ABANDONED AND DISCONTINUED
-
Tags
Summary
What are you doing? These files are locked for a reason. Go back to the Database. There's no reason for you to start digging where you're not allowed to be, there's plenty more to see and do in the regular Database.
Series
-
Hoard of the Dragon Queen Episodes 1-3 General Monsters by Totaledbloom
Fandoms: Dungeons & Dragons (Roleplaying Game)
15 Nov 2021
Tags
Summary
This is just where I am putting the coding for Hoard of the Dragon Queen Monster Cards 5e. There is no actual story in this, just code. This is here for DMs who need the coding and I will be adding more to the series of all the episodes, also eventually including major characters as I create their stat blocks. Please use if you need it!
If anyone has a specific campaign they are doing and need the coding, put your username and campaign you are doing in the comments and I can most definitely get that to you within a week of me seeing the request, have a great day!
Series
- Language:
- English
- Words:
- 3,204
- Chapters:
- 1/1
- Kudos:
- 1
- Hits:
- 14
-
Electric Ball by Lacunaanonymoused
Fandoms: Video Blogging RPF, Minecraft (Video Game), Dream SMP
14 Dec 2021
Tags
Summary
How do Dream, Sapnap, and George balance school, their respective extracurricular, and support their partners in theirs?
Series
- Part 2 of DNN Week 2021
- Part 3 of DSMP
- Language:
- English
- Words:
- 594
- Chapters:
- 1/?
- Kudos:
- 19
- Hits:
- 522
-
Tags
Summary
Post Matrix Resurrection, Trinity and Neo are living in Io in peace and safety. A surprise comes upon them, and they find themselves in the throes of parenthood. Between the Matrix, their child, and their love, they must learn how to be the best versions for themselves and their daughter while keeping her close, yet as far from the Matrix as possible, all while loving each other more deeply than should be possible.
WARNING: Minor spoilers for Matrix Resurrections.
-
Tags
Summary
TW: slight misgendering
Throughout Q Force, it is stated that Stat is with Q-Force because the other option is being in jail. This story depicts what got Stat to Q-Force. -
Tags
Summary
Left to rot in Oblivion bay, Chrimson thinks.
- Language:
- English
- Words:
- 311
- Chapters:
- 1/1
- Kudos:
- 4
- Hits:
- 70
-
Tags
Summary
[Access Granted]
Planetary Education and Awareness Mainframe *//Unlocked//Damages//
_BypassSystem.210-Y_
... Loading...Series
-
Tags
Summary
[Access Granted]
Planetary Education and Awareness Mainframe *//Unlocked//Personal Files/
... Loading...
Alina and Yosefine are War Dogs for The PEA, trained specialists for the military ranks and army. Soon enough though, they'll finally be out of training and could dive straight into the real work. Taking down the nefarious Old Army ranks as they continue to try and take down The PEA.Series
-
Css in Testing: Second in the Series by InfinitysWraith
Fandoms: Ao3-Skins, Work-Skins, css - Fandom
22 Aug 2023
Tags
Summary
𝔚𝔢𝔩𝔠𝔬𝔪𝔢 𝔱𝔬 𝔭𝔞𝔯𝔱 𝔱𝔴𝔬 𝔬𝔣 𝔴𝔥𝔞𝔱 𝔦𝔰 𝔫𝔬𝔴 𝔞𝔭𝔭𝔞𝔯𝔢𝔫𝔱𝔩𝔶 𝔞 𝔰𝔢𝔯𝔦𝔢𝔰 𝔟𝔢𝔠𝔞𝔲𝔰𝔢 ℑ 𝔟𝔯𝔬𝔨𝔢 𝔰𝔬𝔪𝔢𝔱𝔥𝔦𝔫𝔤 𝔦𝔫 𝔪𝔶 𝔩𝔞𝔰𝔱 𝔚𝔬𝔯𝔨 𝔖𝔨𝔦𝔫 𝔞𝔫𝔡 𝔠𝔞𝔫'𝔱 𝔞𝔡𝔡 𝔞𝔫𝔶𝔱𝔥𝔦𝔫𝔤 𝔪𝔬𝔯𝔢 𝔱𝔬 𝔦𝔱 :)
𝔜𝔬𝔲'𝔯𝔢 𝔴𝔢𝔩𝔠𝔬𝔪𝔢 𝔱𝔬 𝔞𝔰𝔨 𝔮𝔲𝔢𝔰𝔱𝔦𝔬𝔫𝔰, 𝔰𝔱𝔢𝔞𝔩 𝔠𝔬𝔡𝔢 𝔬𝔯 𝔬𝔣𝔣𝔢𝔯 𝔪𝔢 𝔦𝔫𝔰𝔭𝔦𝔯𝔞𝔱𝔦𝔬𝔫. 𝔍𝔲𝔰𝔱 𝔡𝔬𝔫'𝔱 𝔱𝔞𝔨𝔢 𝔪𝔶 𝔞𝔯𝔱𝔴𝔬𝔯𝔨 𝔴𝔦𝔱𝔥𝔬𝔲𝔱 𝔞𝔱 𝔩𝔢𝔞𝔰𝔱 𝔩𝔦𝔫𝔨𝔦𝔫𝔤 𝔪𝔢 𝔶𝔬𝔲𝔯 𝔣𝔦𝔠 ;)
ℑ𝔣 𝔶𝔬𝔲 𝔥𝔞𝔳𝔢𝔫'𝔱 𝔞𝔩𝔯𝔢𝔞𝔡𝔶, 𝔱𝔞𝔨𝔢 𝔞 𝔩𝔬𝔬𝔨 𝔞𝔱 𝓟𝓪𝓻𝓽 𝓞𝓷𝓮 𝔣𝔬𝔯 𝔪𝔬𝔯𝔢 𝔭𝔯𝔬𝔧𝔢𝔠𝔱𝔰.
Click me!
Ao3 done unleashed a monster right here and it's goddamn beautiful.
Series
- Part 2 of CSS in Testing
-
Tags
Summary
Part of a (soon-to-be) collection of mainly fluff stories mainly involving my two characters, Hieu and Lamon.
CompSci Major Hieu struggles with an assignment that is, according to him, due tomorrow. Despite his pride and stubbornness, he eventually lets his boyfriend help him with the assignment.
Will (probably, hopefully) eventually write their full romance story :)
Series
- Part 1 of Hieu&Lamon
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
Tags
Summary
This is a live example of how an author can create linked footnotes in their work with only a little bit of HTML and no workskins required. This is best viewed by clicking "Entire Work". While I've included the actual coding in bold and italic once you click "Hide Creator's Style", there's a more detailed explanation here.
EDIT 6/28/17: The third chapter now shows how to use anchor links as an index/table of contents.
Series
- Part 6 of AO3 Work Skins/Tutorials
-
Tags
Summary
This is a tutorial/live example on how to make large images fit on mobile browsers but remain normal size on desktop browsers.
Series
- Part 18 of AO3 Work Skins/Tutorials
-
Tags
Summary
Bored with the default page dividers? This is a tutorial/live example on how customize your page dividers with no images needed (though I do show you how you could use images if you wanted to do such a thing).
Series
- Part 9 of AO3 Work Skins/Tutorials
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
-
Tags
Summary
Embedding tutorial
-
Tags
Summary
Primarily just where I share work skin code and discuss ways to improve the Ao3 experience, including:
- Twitter and Instagram like posts
- Non iOS messaging systems
- Avatar and image formatting for script formats.
- Search engine interfaces
- Documentation on AO3 Site SkinsSeries
-
Tags
Summary
Embedding tutorial
-
Tags
Summary
Connor glitches out and can't wake up. Hank finds him unresponsive on the couch and remembers the last time he had to carry a son.
-
Tags
Summary
a work skin that mimics the program Discord (for chatfics or fics that feature use of it!)
made this skin over a couple days; it won't look good on mobile or with creator's style disabled but the html is pretty easy to customise!
(Note: some folks in the comments have been kind enough to share some fixes for a few of the problems!)If you use it, crediting and linking back here so other people can find it is appreciated :)
EDIT: I haven't updated this in quite some time so I'm giving blanket permission for people to share their own fixed and improved versions of the code! Just link back here so people can find some help for how to use it. happy writing!
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
-
Tags
Summary
This is a tutorial/live example on how to mimic email windows on AO3 without the need to use images.
Series
- Part 12 of AO3 Work Skins/Tutorials
-
Tags
Summary
This is a tutorial/live example on how to make large images fit on mobile browsers but remain normal size on desktop browsers.
Series
- Part 18 of AO3 Work Skins/Tutorials
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
-
This work isn't hosted on the Archive so this blurb might not be complete or accurate.
Tags
Summary
gbhsrspm edited this page on 27 Oct 2019 · 31 revisions:
Hello, and thank you for your interest in contributing to the otwarchive project!
You are very welcome to submit drive-by pull requests for the AO3 software. In addition to our Contributing Guidelines, you can find our Commit Policy and Coding Standards on this wiki. Please note that we have a backlog of approved issues and verified bugs in our AO3 project on JIRA and fixes for these will be given priority over pull requests for features which are not on our roadmap.
We recommend using our Vagrant development environment to work on the Archive, but we also provide instructions for installing the otwarchive software on the OS of your choice:
Set up the Archive on OS X using Homebrew
Set up the Archive on Linux
Set up the Archive on Windows
We also offer web-based development environments to official OTW volunteers. Open positions will be listed on the Volunteer page at the Organization for Transformative Works' website.This wiki is publicly editable! Unless a page says that it should only be edited by official OTW volunteers, feel free to edit.
- Bookmarks:
- 1
Bookmarked by Moon6Shadow
30 Mar 2020
Bookmarker's Tags:
Bookmarker's Notes
https://archiveofourown.info/admin_posts/15376
dochidope:
This was a fun read! Interesting to know what exactly the volunteers do, and makes you appreciate them more for all the hard work that's put in ^__^I was wondering if you guys use github/gitlab to store your codebase? If yes, could you share your experience with it?
-
sarken:
We do! We occasionally use a self-hosted instance of GitLab, but 99.9% of the time, we use GitHub. You can find us at otwcode/otwarchive or by following the version link in the Development section of the Archive's footer.In the very early days, AD&T used Google Code to host the code base, but that was before I became a volunteer, so I don't have anything to compare GitHub to, nor did I experience the migration process. I find both GitHub and GitLab straightforward to use, though, and it's nice to see new folks drop by our GitHub repo with bug fixes.
Actually, it's more than nice: it's rewarding. Our documentation used to be entirely internal, but one of my pet projects has been moving some of it onto our our GitHub wiki to encourage more contributions, and once GitHub started offering them, AD&T staffer Ariana got the ball rolling on adding contributing guidelines and a pull request template. And thanks to AD&T and Systems staffer james_, we also offer a Vagrant development environment anyone can use. So it's been pretty satisfying to see the work we've quietly been doing pay off in the form of more casual contributions from other GitHub users -- some of them are even working on adding Docker support, which might encourage even more in the future.
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)
18 May 2025
- Words:
- 84,915
- Works:
- 19
- Bookmarks:
- 4,023
Bookmarked by Silver_Flair
01 Apr 2020
Bookmarker's Tags:
Bookmarker's Notes
Useful list of tutorials for various coding.
-
How To Change Text on AO3 When the Cursor is Hovering Over It (Or Clicked on Mobile) by La_Temperanza
Fandoms: No Fandom
22 May 2017
Tags
Summary
This a tutorial/live example on how to have text change or appear once a cursor is hovering over it. Helpful for pop-up spoilers, language translations, quick author's notes, etc.
Series
- Part 15 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 999
- Chapters:
- 1/1
- Collections:
- 8
- Comments:
- 101
- Kudos:
- 637
- Bookmarks:
- 757
- Hits:
- 32,556
Bookmarked by RebrandedBard
06 May 2020
Bookmarker's Tags:
Bookmarker's Notes
Good shit op gonna keep this thing handy!
-
Tags
Summary
Original coding and design is from layouttest. I make no claims for it, just tweaked it so it will work on AO3.
Series
- Part 5 of AO3 Work Skins/Tutorials
-
Uploading gifs and pictures onto Ao3 by DoubleTrouble007
Fandoms: Yuri!!! on Ice (Anime)
16 Jul 2019
Tags
Summary
not a work, just a test to see if/how i can put gifs on. I have a tutorial for how to upload images/gifs from dropbox, as well as my other notes on figuring out the best aspect ratio for computers and phones.
-
Tags
Summary
Type in colour, make pesterlogs, and more by following the provided instructions.
I know there already is a public workskin for Homestuck, but this one has a background function and a function for the larger command font.
Updated Apr 2024 to clarify some instructions (and also update them according to various layout changes) and to alter the CSS to use percentage widths instead of fixed widths (in order to improve the mobile reader's experience). The Courier New font seems to dislike certain mobile browsers, but I've yet to find a fix for it.
-
Tags
Summary
There are some great quick-and-dirty guides to HTML on A03. This is not one of them - it is a comprehensive guide
It's now 2025, a decade later. A03 supports some new HTML and and we're all walking around reading fic on supercomputers that fit in a jean pocket. It was time update this and take a crack at finishing it. (Links and Images are in, the new Audio and Video tags are not.)
The previous three chapters have been divided into smaller concepts. Each tag continues to have - at a minimum - a link to the w3schools page about it (so you can learn more), a code example, and the result of the code example. Most tags have their attributes, things like [src] or [title], listed and examples of how using the attributes modify the tags.
There's a chapter on Bad Ideas, including how some of the archive's default CSS is available to you to format your work (users can't turn that off by hiding a workskin!)
Oh. And I added a bunny army. You could learn how to add one too.
/)/) /)/) /)/) (..) (..) (..) *( ) *( ) *( )
Series
- Part 19 of AO3 Work Skins/Tutorials