orbiting around space

Multipurpose

How To Change Text When the Cursor is Hovering Over by La_Temperanza

Another Changing Text On Hover by mackerel_cheese

Linked Footnotes by La_Temperanza

Making Complex Shapes / Hover-Over Effects / Choose Your Own Adventure / Changing Ao3’s Preset Headers: Author Notes, Chapter Titles, Fic Titles etc / Invisible Links+Link Aesthetic / Interactive Elements / Animation/ Retroactively Appearing Text by InfinitysWraith

Page Dividers by Linwelin

Email

Nonspecific email window by La_Temperanza

Basic Gmail by sunsetcurbed

More Gmail by DemigodOfAgni

Texting

You don’t need to code iOS, because 221b_ee made a generator for it

inspired by iOS by CodenameCarrot and La_Temperanza

Another version of iOS iMessage by Azdaema Codes

Retro iOS by Azdaema Codes

iOS, Android by gadaursan

iOS, Signal, and WhatsApp by lordvoldemortsskins

WhatsApp by ran_a_dom

WhatsApp by etc e tal

kakaotalk by beherrscht

LINE by noliteobdurare

LINE chat by ran_a_dom

Social Media

Facebook Messenger by ran_a_dom

Facebook post by BluebeardsWife

Tumblr by phyripo

Tweaks to that by Aposeopesis

Instagram by gadaursan

Instagram DMs by xslytherclawx

More Instagram DMs, including light and dark modes, by monarch_v

Incredibly comprehensive Twitter by gadaursan

Display case of gadaursan’s work by Fluffycorn_njst

More Twitter by starskin

Update by starskin

Yet More Twitter by etc e tal

Twitter, Reddit, and LiveJournal by aerynevenstar

Examples

Twitter mockup inspired by aerynevenstar by TheBrookesNook

Reddit by spookedcroon

Update by jinsake

More Reddit by knave_of_swords

Yet more Reddit (2020 version) by timstokerlovebot

SnapChat by Azdaema Codes

More SnapChat by starskin

Twitch Chat by Ultraviollett

4Chan by anonymous (cw: slurs and discussion of pedophilia in the live example)

Amazing Discord by unpredictableArtist

Slack derivation by me

Another Discord by Heterochromia_Mars

Tweaks by junietuesday25

Unspecified forum by fencesit

BlueSky post by anon

YouTube comments by LupaMoe

Blog post by intherainex

LiveJournal by sesuntaMew

bubble by me

Writing

Notebook Lined Paper by La_Temperanza

Post-It Notes by La_Temperanza

Letters and Stationery by La_Temperanza

With parchment backgrounds by allollipoppins (you can leave off the MDZS symbols)

Online newspaper article by ElectricAlice

Example

Simplified newspaper by Anubis_2701

Newspaper Article by lordvoldemortsskin

More documents by hangingfire

Online journal by enigmalea

Screenplay by astronought

Script or screenplay by Ninjabunny99

Screenplay on an actual piece of paper by junietuesday25

Shooting Script by Walzer

Calendar by Linwelin

AO3

AO3, including comment section by lordvoldemortsskin

AO3 header by ElectricAlice

Comment and Kudos buttons by La_Temperanza

Complete fic-within-a-fic by cheju

Gift fic email by rileys_words

Fandom Specific

Disco Elysium by SarunoHadaki

Blaseball by facingthenorthwind

Fire Emblem by gadaursan

  Tweaks by Clover_Zero

Deadpool’s Thinking Boxes by La_Temperanza

Homestuck extended by unpredictableArtist

Star Trek PADD by duskyspirit

Example

Incredibly expansive Among Us by Umbry2000

Another Among Us by mystyrust

S-Class by unpredictableArtist

IDOLiSH7 Rabbit Chat by associate

A3! LIME by associate

Runescape by fennfics

Nameless: the one thing you must recall by sqbr

Minecraft by Ultraviollett

Final Fantasy XIV Linkshell by Pent

Honkai Star Rail by Pent

Rain Code by faish

Ace Attorney by QuailFence

Other

Wikipedia by styletests

Scoreboard by revanchist

Google search by gadaursan

Yelp reviews by kiwiana

Amazon reviews by kiwiana

Silent film intertitles by Kitsune_Scribe

Zoom chat by mystyrust

Replika AI chatbot by FaeriMagic

Cards Against Humanity by L56895

How do you code your drop down arrow for your content warnings in your notes??

I never remember what warnings I need so I forget to add them but i was gonna try to go back and do so.

Hey! Of course I recognize the name from my comments (which I'm admittedly behind in replying, currently tapping away at them while I wait in the airport). Hope you're doing well!

So for anyone else seeing this, they're asking how I add my "click to reveal" content warnings in the beginning notes of my fics, which I like to do for long fics where there are elements that could do with some extra heads up or don't merit a full tag in ao3.

They look like this:

So this is actually really simple to add as I just I use the <details> tag in html. No work skins for this one! Here's a snippet of how I use it for my content warnings, the text in red is what you can replace with whatever you like:

<details>

<summary><b>Click for content warnings (possible spoilers)</b></summary>

- Warning 1

- Warning 2

- Warning 3

</details>

You can put pretty much anything in that space between the </summary> tag and the </details> tag, but that's the format I use.

It also won't read aloud for screen readers unless they actually click it, which is good. Though for whatever reason when I download the file as an epub it will read them out even though I can't click to reveal them in the file, but this might be dependent on the type of TTS used.

I coded a fully interactive phone into Ao3 and it feels like my head has been bashed in at Terminal Velocity

This bad boy -Plays a song -Has multiple text convos for you to read -Lets you send messages -Gives you multiple dialogue options -Changes notif display based on what you've already clicked

I made an MLQC text message workskin for AO3! It’s inspired by the text messages in the game and it looks like this:

As you can see, you can scroll through the text messages. I posted a tutorial on AO3 about how to code it for your own text fic. Feel free to check it out if you’re interested! ❤️

« I think what people were is less important than what they are. And what people are is less important than what they could be. »

“Who are you?” ✨🪞

“What does it feel like?” said James.