1 - 20 of 68 Works in A Guide to Coding and Fanworks

Pages Navigation

Listing Works

  1. Tags
    Summary

    Make text appear when you click a "button"

    Language:
    English
    Words:
    138
    Chapters:
    1/1
    Collections:
    2
    Kudos:
    3
    Hits:
    58
  2. 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
    Language:
    English
    Words:
    9,372
    Chapters:
    9/?
    Collections:
    3
    Comments:
    23
    Kudos:
    82
    Bookmarks:
    96
    Hits:
    1398
  3. 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, etc

    Series
    Language:
    English
    Words:
    2,940
    Chapters:
    2/2
    Collections:
    2
    Comments:
    7
    Kudos:
    7
    Hits:
    130
  4. 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

    Language:
    English
    Words:
    7,994
    Chapters:
    11/?
    Collections:
    5
    Comments:
    59
    Kudos:
    257
    Bookmarks:
    322
    Hits:
    7992
  5. 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.

    Language:
    English
    Words:
    3,081
    Chapters:
    3/3
    Collections:
    4
    Kudos:
    8
    Bookmarks:
    4
    Hits:
    933
  6. 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
    Language:
    English
    Words:
    6,444
    Chapters:
    4/4
    Collections:
    4
    Comments:
    168
    Kudos:
    466
    Bookmarks:
    298
    Hits:
    18748
  7. Tags
    Summary

    A work skin that replicates the appearance of the game "Disco Elysium." Includes HTML, CSS, and a brief tutorial.

    Language:
    English
    Words:
    751
    Chapters:
    1/1
    Collections:
    3
    Comments:
    11
    Kudos:
    121
    Bookmarks:
    38
    Hits:
    2252
  8. Tags
    Summary

    An AO3 workskin for WhatsApp group chats.

    Language:
    English
    Words:
    6,283
    Chapters:
    6/6
    Collections:
    3
    Comments:
    7
    Kudos:
    42
    Bookmarks:
    34
    Hits:
    1300
  9. Tags
    Summary

    A very simple workskin to hide/show spoilers in your works by having your users clicking on a button!

    Series
    Language:
    English
    Words:
    319
    Chapters:
    1/1
    Collections:
    5
    Comments:
    14
    Kudos:
    59
    Bookmarks:
    48
    Hits:
    2081
  10. Tags
    Summary

    A Reddit template for use on AO3.

    Language:
    English
    Words:
    2,841
    Chapters:
    4/4
    Collections:
    2
    Comments:
    12
    Kudos:
    120
    Bookmarks:
    87
    Hits:
    2237
  11. Tags
    Summary

    This is the code and guide for my Star Trek PADD work skin. Let me know if you have any questions!

    Language:
    English
    Words:
    366
    Chapters:
    1/1
    Collections:
    1
    Comments:
    11
    Kudos:
    35
    Bookmarks:
    16
    Hits:
    481
  12. 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
    Language:
    English
    Words:
    1,329
    Chapters:
    1/1
    Collections:
    3
    Comments:
    138
    Kudos:
    215
    Bookmarks:
    85
    Hits:
    8991
  13. 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.

    Language:
    English
    Words:
    471
    Chapters:
    2/2
    Collections:
    4
    Comments:
    3
    Kudos:
    44
    Bookmarks:
    28
    Hits:
    1642
  14. Tags
    Summary

    Here is the CSS/HTML for a simple sports scoreboard to use in your AO3 works.

    Language:
    English
    Words:
    244
    Chapters:
    1/1
    Collections:
    5
    Kudos:
    23
    Bookmarks:
    13
    Hits:
    987
  15. Tags
    Summary

    A bunch of Ao3 Skins with flag pride colors!

    Happy pride month!

    Series
    Language:
    English
    Words:
    6,008
    Chapters:
    16/16
    Collections:
    5
    Comments:
    101
    Kudos:
    806
    Bookmarks:
    374
    Hits:
    20956
  16. 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:
    5
    Comments:
    6
    Kudos:
    69
    Bookmarks:
    85
    Hits:
    1908
  17. Tags
    Summary

    A skin that makes the text rainbow and multicolored.
    Sot of Beeline style.

    Series
    Language:
    English
    Words:
    846
    Chapters:
    1/1
    Collections:
    5
    Comments:
    8
    Kudos:
    63
    Bookmarks:
    31
    Hits:
    4930
  18. 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.

    Language:
    English
    Words:
    1,228
    Chapters:
    3/3
    Collections:
    4
    Comments:
    17
    Kudos:
    29
    Bookmarks:
    27
    Hits:
    1415
  19. 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
    Language:
    English
    Words:
    330
    Chapters:
    1/1
    Collections:
    3
    Comments:
    19
    Kudos:
    95
    Bookmarks:
    112
    Hits:
    2221
  20. Tags
    Summary

    Use this code to create a link to a specific passage or scene in the middle of a chapter.

    Language:
    English
    Words:
    158
    Chapters:
    1/1
    Collections:
    3
    Comments:
    14
    Kudos:
    67
    Bookmarks:
    41
    Hits:
    3179

Filters

Filter results:
Submit

Include

?
Include Ratings
Include Warnings
Include Categories
Include Fandoms
Include Characters
Include Relationships
Include Additional Tags

Exclude

?
Exclude Ratings
Exclude Warnings
Exclude Categories
Exclude Fandoms
Exclude Characters
Exclude Relationships
Exclude Additional Tags

More Options

Crossovers
Completion Status
Word Count
Date Updated
Submit

Clear Filters

Pages Navigation