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).
Bookmarks which have used it as a tag:
Pages Navigation
-
Tags
Summary
Experimenting with work skins to create a visual novel experience on AO3.
-
Tags
Summary
1st chapter has the updated Workings Fix Actions Right and Byline
2nd is just coloursSeries
- Part 4 of Site Skins
-
Tags
Summary
Code and Tutorial for a 2020-style reddit post.
-
Tags
Summary
A small experiment inspired by jedijae's The Once and Future Queen. What would the news be like after the murder in the first chapter?
Bookmarked by InfinitysWraith
15 May 2022
Bookmarker's Tags:
Bookmarker's Notes
In page News. Yellow header
-
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.
- Language:
- English
- Words:
- 1,939
- Chapters:
- 4/4
- Collections:
- 6
- Comments:
- 15
- Kudos:
- 156
- Bookmarks:
- 196
- Hits:
- 6,827
Bookmarked by InfinitysWraith
15 May 2022
Bookmarker's Tags:
Bookmarker's Notes
Wiki Article with a side panel
-
graphic design is my passion by FreakCityPrincess, hackercatz (beherrscht)
Fandoms: Noblesse (Manhwa)
24 Aug 2021
Tags
Summary
raphael’s personal se...: there was also an au where i was a whore
Cadis Etrama di Raiz...: That does not sound like an AU to me.
legal catboy: woke up turned on discord only to see boss get absolutely OBLITERATEDSeries
- Part 6 of the cadiscord admins are holding hands
Bookmarked by InfinitysWraith
16 May 2022
Bookmarker's Tags:
Bookmarker's Notes
Very cool mock discord with scrollable text
-
Tags
Summary
A Reddit template for use on AO3.
- Language:
- English
- Words:
- 2,841
- Chapters:
- 4/4
- Collections:
- 2
- Comments:
- 48
- Kudos:
- 308
- Bookmarks:
- 244
- Hits:
- 11,123
Bookmarked by InfinitysWraith
15 May 2022
Bookmarker's Tags:
Bookmarker's Notes
Hangin indent/Reddit Work Skin
-
Tags
Summary
The AO3 site skin inspired by the livejournal design. To use the skin, simply copy and paste the CSS code provided (e.g., github).
RU: Адаптация livejournal дизайна Ники для сайта ао3. Чтобы примерить скин просто скопируйте CSS code.
- Language:
- English
- Words:
- 996
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 18
- Kudos:
- 109
- Bookmarks:
- 41
- Hits:
- 5,459
Bookmarked by InfinitysWraith
16 May 2022
Bookmarker's Tags:
Bookmarker's Notes
Cute flower Site skin
-
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
I spent a month looking for how to use footnotes on ao3, so here
-
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
-
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 create a "Choose Your Own Adventure" fic. While this has been explained before (see here), this particular tutorial shows you how to use a work skin to hide the next parts from the reader until they click through to get to them.
Series
- Part 16 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 1,769
- Chapters:
- 1/1
- Collections:
- 7
- Comments:
- 68
- Kudos:
- 1,022
- Bookmarks:
- 854
- Hits:
- 41,975
Bookmarked by Crazy_Cyclone (Sakuma_Balls)
25 Jul 2022
Bookmarker's Tags:
Bookmarker's Notes
Vvvv helpful
-
Decorations for Fic (HTML/CSS): Fan Art, Dividers, Embedded Songs, and More by Jnsn
Fandoms: No Fandom, Archive of Our Own
24 Jul 2021
Tags
Summary
NON-FICTION. This work shows some examples of use of HTML/CSS to decorate a fic with art and other things. The second chapter provides the HTML for each example.
-
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
-
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
-
Tags
Summary
This is a tutorial/live example on how to mimic social media in an AO3 work, specifically Twitter, Reddit, and LiveJournal.
-
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
-
Tags
Summary
+0- testing everything out
Bookmarked by InfinitysWraith
28 Oct 2022
Bookmarker's Tags:
Bookmarker's Notes
Clicky stuff :D
spinny circle stuff
-by darknessmy dude you changed yo stuff XD
-
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