1 - 20 of 68 Works in A Guide to Coding and Fanworks
Pages Navigation
Listing Works
-
Tags
Summary
Make text appear when you click a "button"
-
The Fic Writer's Guide to Formatting (An AO3 Repository) by AnisaAnisa
Fandoms: No Fandom
03 Jan 2023
Tags
Summary
A guide/resource/tutorial/testing ground for HTML and CSS on AO3.
1. HTML Basics – Manipulating text and page formatting.
2. Links & Embeds - How to add links, images, and GIFs.
3. Page Dividers - How to customise page dividers.
4. Titles - How to customise work, chapter, username and link titles.
5. Fonts - How to customise fonts.
6. Tables - How to make tables.
7. Borders - How to implement borders.
8. Boxes - How to make a box.Series
- Part 1 of The Fic Writer's Guide
-
Tags
Summary
quick html / css reference to writing in-person "chats" or "skits" for your html fic , while styling the skit in a way that might fit in with your html / chat fic.
(documenting how i did the skin for a particular fic, and a useful html guide overall)
this is "generic", but css could be customized to fit any fandom / video game etc.
for skits, think: tales of series, fire emblem, cookie run kingdom, etcSeries
- Part 3 of #ao3_work_skins
-
Tags
Summary
This is a personal experiment with HTML. It is a very limited list with what I find useful.
Update: Somehow I find more and more stuff useful, so this list is not that limited (and not that private) anymore. I'll improve it with time and according to my needs. I just realized, this will never be "complete" and there is no final number of chapters.
So far that's posted:
Part One: Basics
Part Two: Lines
Part Three: Footnotes and Links
Part Four: Columns and Skins
Part Five: Pictures
Part Six: Choose Your Own Adventure
Part Seven: Chapter Title
Part Eight: The Title, the Username and Links
Part Nine: Boxes (still in progress)
Part Ten: Newspaper Article -
Replika Skin by FaeriMagic
Fandoms: Replika - Fandom, Fandom - Fandom, Archive of Our Own
28 Mar 2022
Tags
Summary
I tried to replicate the Replika aesthetic as much as I could within the confines of AO3's limited HTML/CSS pool.
May be updated in the future when necessary. -
Dyslexia friendly Site Skin by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
21 Feb 2022
Tags
Summary
A clean dyslexia skin for Ao3.
I made this following the British Dyslexia Association Style Guide and then tweaked with requests and ideas dyslexic readers brought forth.
There's a guide inside on how to further tweak everything from font to size to color so that you can customize it for your needs.Dark mode available in chapter 3!
Series
- Part 5 of CSS code scripts for Ao3
-
Tags
Summary
A work skin that replicates the appearance of the game "Disco Elysium." Includes HTML, CSS, and a brief tutorial.
-
Tags
Summary
An AO3 workskin for WhatsApp group chats.
-
Workskin for showing and hiding spoilers by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
29 Aug 2021
Tags
Summary
A very simple workskin to hide/show spoilers in your works by having your users clicking on a button!
Series
- Part 9 of CSS code scripts for Ao3
-
Tags
Summary
A Reddit template for use on AO3.
-
Tags
Summary
This is the code and guide for my Star Trek PADD work skin. Let me know if you have any questions!
-
Tide: a flat and clean skin for Ao3 by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
18 Jul 2021
Tags
Summary
A site skin for Ao3 that clean and minimal and somewhat more modern than the default skin.
Available both in dark and light mode.Series
- Part 8 of CSS code scripts for Ao3
-
Twitter Mock-Up (Heavily Inspired by aerynevenstar's work) by TheBrookesNook
Fandoms: No Fandom
20 Jun 2021
Tags
Summary
This is me trying out aerynevenstar's workskin for the tweet format. So big thanks to them!
I also end up tweeking a bit of the CSS to fit my personal preferences. -
Tags
Summary
Here is the CSS/HTML for a simple sports scoreboard to use in your AO3 works.
-
Tags
Summary
A bunch of Ao3 Skins with flag pride colors!
Happy pride month!
Series
- Part 7 of CSS code scripts for Ao3
-
Tags
Summary
Documentation/Examples for the CSS workskin and HTML code for a Wikipedia article inspired layout to use in your mixed media works.
Created with help from Nautilusopus and DarthTofu.
-
Tags
Summary
A skin that makes the text rainbow and multicolored.
Sot of Beeline style.Series
- Part 6 of CSS code scripts for Ao3
-
Tags
Summary
Based on gadaursan's "Fire Emblem Support Scripting" work skin, a HTML and CSS to format screenplay and scripts (or dialog-only/dialog-heavy works), but with some edits: 1) adjusted the images for smaller screens, 2) added a text box/speech bubble, 3) In version 3, added character's name.
-
Tags
Summary
Popup tooltips that work well on both desktop (hover) and mobile (tap open and close). Constrained width, so best for short tooltips or translations for a couple words at the most.
Series
- Part 1 of Simbeline's Work Skins
-
Tags
Summary
Use this code to create a link to a specific passage or scene in the middle of a chapter.