animalthemuppet



Recent works

Recent bookmarks

  1. Public Bookmark 46

    Tags
    Summary

    A repository of a twitter skin I made for Ao3, so you can add your characters tweeting at eachother inside your fic. Friendly towards different siteskins, disabled workskins, screenreaders and mobile readers.

    This is mainly a demo, not a tutorial. I am currently planning to create a generator for this workskin on this site.

    Series
    Language:
    English
    Words:
    5,675
    Chapters:
    3/3
    Comments:
    7
    Kudos:
    52
    Bookmarks:
    46
    Hits:
    2,079

    05 Jul 2026

  2. Public Bookmark *

    Tags
    Summary

    This is a tutorial on how to use different fonts on Ao3, how to make them in different sizes and how to make them colored as well.
    It also contains two ready-to-use codes to give your fonts a gradient effect. There are both the code for the linear gradient effect and the code for the radial gradient effect.
    CHAPTER 2 contains the visual examples of every font that you find in chapter 1.
    WARNING: all the codes in this guide were tested on a computer. I can't guarantee the effect when the work they are applied to is read on a mobile phone.

    Series
    Language:
    English
    Words:
    3,076
    Chapters:
    2/2
    Collections:
    1
    Comments:
    27
    Kudos:
    200
    Bookmarks:
    173
    Hits:
    8,544

    30 Jun 2026

  3. Public Bookmark 29

    Tags
    Summary

    For when your characters are frantically googling stuff (includes search history!). There is a clickable version where you click to reveal suggested searches, and a normal, static version.

    This was made to be fairly unintrusive, it works on both mobile + desktop, and it's still understandable when the workskin's disabled.

    Series
    Language:
    English
    Words:
    771
    Chapters:
    1/1
    Comments:
    2
    Kudos:
    28
    Bookmarks:
    29
    Hits:
    679

    29 Jun 2026

  4. Public Bookmark *

    Tags
    Summary

    A work skin tutorial of a Google Search Suggestions page in AO3.

    See Chapter 1 for examples of the work skin with 4 different suggestions types (auto-complete suggestions, recent history, related to recent searches and trending searches), Chapter 2 for an explanation of the CSS work skin, Chapter 3 for the complete CSS code of the work skin, Chapter 4 for explanations of the HTML code and Chapter 5 for the complete HTML code (all 4 types of suggestions).

    Language:
    English
    Words:
    2,667
    Chapters:
    5/5
    Collections:
    2
    Comments:
    15
    Kudos:
    134
    Bookmarks:
    136
    Hits:
    2,954

    29 Jun 2026

  5. Public Bookmark *

    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 to update.

    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
    Language:
    English
    Words:
    28,034
    Chapters:
    15/15
    Collections:
    8
    Comments:
    1,362
    Kudos:
    7,046
    Bookmarks:
    8,384
    Hits:
    431,881

    29 Jun 2026