UPDATED APRIL 2025 (previous version | oldest version)
the links broke again so this time we're trying the tumblr image links and hope they don't spontaneously break (as has been known to happen) 🤞
Are you frustrated you can't leave second kudos on AO3? or third kudos? or whatever-who's-counting kudos?
Well, have I got the html for you!
Plop any of the codes in a comment (by copy&pasting the code under Keep reading - scroll to the bottom of the post) to make an author's day and show your appreciation!
bonus: cookie kudos
SCROLL DOWN TO GET THE CODES (under the cut)!
Feel free to spread and use these as much as you like, however you like!
[ if you enjoy them, consider supporting my ko-fi ]
I've received a lot of good suggestions for more variants but can't keep up with them all, so here are some resources to make it easier to make your own.
PSD for easily editable text (there is a color fill layer for adding a bit of white where the stroke doesn't cover small holes. I recommend cropping excess empty space out before exporting as PNG)
and here are PNGs of the kudos button for any other editing needs, with and without white stroke:
Use your favorite image host, copy the direct image link, insert it between the quotation marks in the code, add alt text, and you're ready!
<img src="[DIRECT IMAGE LINK]" alt="[ALT TEXT]">
(you can add any image or gif to a comment like this as long as you have the direct image link btw)
if you post your kudos images, I'd be grateful if you'd link back to this post so other people can find the resources too 💗
When you paste into the AO3 comment box, make sure the quotation marks are straight:
NOT curly:
simply deleting and re-typing them in the ao3 comment box should fix this!
Many of the old image links from the original post are broken. I cannot fix them. Please use the new codes going forward ❤️
Second kudos:
<img src="https://64.media.tumblr.com/7a59d6a32ace63cdcce3911d529f8b88/08d1854086a423d0-e6/s250x400/3e75997487cf31a3ddd8d9314e78d3d63985ec7d.png" alt="second kudos">
Third kudos:
<img src="https://64.media.tumblr.com/867894b77aae146acc60c681d556e02f/08d1854086a423d0-16/s250x400/83741777e69d723c92497dbc8909c1989bcfd8ac.png" alt="third kudos">
yet another kudos:
<img src="https://64.media.tumblr.com/05ec40eaf2f6948ddcfd58e7b3f6289f/08d1854086a423d0-4a/s250x400/30f9e4560583a7e145ba9869c1650ee79cd989eb.png" alt="yet another kudos">
ALL the kudos:
<img src="https://64.media.tumblr.com/ae814ede90f2637ce1e58decbe783dc1/08d1854086a423d0-1e/s250x400/c52bf3d8f978b90f9fa00fee6d748fab31ba74d2.png" alt="ALL the kudos">
Heaps of kudos:
<img src="https://64.media.tumblr.com/79486036ed102d1d6bbdcfdde40cfce0/08d1854086a423d0-97/s250x400/562c7913b5c04a0be3ae88aefb0c7b52a677de98.png" alt="Heaps of kudos">
Kisses your forehead kudos:
<img src="https://64.media.tumblr.com/59d6eef76163bef189aab485c889d938/08d1854086a423d0-f7/s250x400/9afad07e80307757b08a752ae93d0ca30bd75f13.png" alt="Kisses your forehead kudos">
Reading in public kudos:
<img src="https://64.media.tumblr.com/2c2ef21138ac15cd86c940e18f026f18/08d1854086a423d0-9e/s250x400/1089607ba50414159c44322a09159017251b34db.png" alt="Reading in public kudos">
This is the sole reason my sleep schedule is being ruined kudos:
<img src="https://64.media.tumblr.com/b6c7385c4b2a18d2bdd7b2f7809f7679/08d1854086a423d0-96/s250x400/34d3bdd8263439d9ebff3a630c4ff785221da2d2.png" alt="This is the sole reason my sleep schedule is being ruined kudos">
Should be sleeping kudos:
<img src="https://64.media.tumblr.com/fc26ea389c37ea36f7842bc7b9af0ddf/08d1854086a423d0-61/s100x200/f0959d6bfc6e5c7ced8e95bd4732a175f1b153a1.png" alt="Should be sleeping kudos">
Should be working kudos:
<img src="https://64.media.tumblr.com/960404eda62b6161dfc5293ffbd60067/08d1854086a423d0-16/s250x400/1285e4b0e3a224a697ed7e2361ceeae383b297b3.png" alt="Should be working kudos">
Read the whole fic in one go kudos:
<img src="https://64.media.tumblr.com/dcc0ff353b88330dcc32d0ce42126472/08d1854086a423d0-c7/s250x400/fe64765f47a12175372d9bbc69897c03b90e173a.png" alt="Read the whole fic in one go kudos">
what about elevenses kudos:
<img src="https://64.media.tumblr.com/33235fdbdca4deb1f0332efe25278473/08d1854086a423d0-41/s250x400/3790c6b7c260468371f54c5d30194b07941ecbb2.png" alt="what about elevenses kudos">
You've already left kudos here!:
<img src="https://64.media.tumblr.com/3d7f5de5f16d1740360d9b264fc31d46/08d1854086a423d0-ae/s250x400/bdbfed76d384df20c1b8972f99de791e172c5c4b.png" alt="You've already left kudos here!">
You have already left kudos here. :) (red AO3 box):
<img src="https://64.media.tumblr.com/f3ab87c7fa67958f45798af8f83fef41/08d1854086a423d0-27/s500x750/978088884e0431616ff413f1401706617cf5c447.png" alt="You have already left kudos here. :)">
Other links
answered asks about broken kudos links
all answered asks/fulfilled requests/misc related to this post
This is the HTML/Coding for Website mimicking resources in Archive of our Own (Ao3). To find Part I where I go over the Basics, General Text HTML and some Fancy Formatting (images, dividers, columns, photos, tabs etc. CLICK HERE!
Other Websites:
Texting
-How to make iOS Text Messages on Ao3 by CodenameCarrot, La_Temperanza
-A Quick Generator for Embeddable iOS Text Messages by 221b_ee
-imessage Skin by Adzaema
-Retro imessage by Adzaema
-Basic Text Message Work Skin by ProfessorMotz
- Bubble platform [workskin] by Khashana
-Chat Log HTML by deathbymistletoe
-LINE Messenger/Chat by imperiousmarshmellow
-IDOLish Rabbit Chat Workskin by associate
-Replika workskin by FaeriMagic
-Texting Workskin to match light/dark mode by irrationalpie
Tumblr
-Tumblr style CSS Tweaks by Aposiopesis
-Ao3 Workskin Testing and Tutorials by junietuesday25 tumblr DM
-How to make Tumblr Posts on Ao3 by phyyripo
-Plain Text Social Media Platforms by anubisms
-Tumblr Post Work Skin by tsukinosaugi
Twitter
-Repository - Twitter by gadaursan
- How to mimic Social Media in an Ao3 work by aerynevenstar
-Twitter Work Skin Template by etc e tal
-Twitter Workskin: Tweets and Profile by starskin
-Twitter Mock-Up by TheBrookesNook
Ao3/Fandom
-How to mimic Authors notes and Kudos/Comment Buttons by La_Temperanza
-How to mimic AO3 Comments by bittermoons
-How to add mobile Ao3 in your fic by DemigodofAgni
-How to make a fanfic style header Ao3 style by ElectricAlice
-Template for adding post chapter content by SpookyTesting
-CSS based full Ao3 fic integration (Header/Overview, Comments, Title, Summary & Buttons) by deciMae
-How to Mimic LiveJournal Posts and Comments by cursedcuriosities
-Dreamwidth Entries & Comments Work Skin by folk_melody
Facebook/Instagram/Whatsapp
-Whatsapp Group Chat builder by FestiveFerret
-How to make Facebook Messenger Chat on Ao3 by ran_a_dom
-Whatsapp Work Skin Template Revamped by etc e tal
-Whatsapp group chat skin by ovely
-Instagram DMs for Ao3 by monarch_rhapsodies
-How to make Instagram DM mockup by xslytherclawx
-Penstagram chats on ao3 by deciMae
Snapchat
-Snapchat skin by Azdaema
-Snapchat Template for Ao3 by starskin
Reddit/Forum
-UPDATED Reddit Skin by diamine
-2020 Reddit Work Skin by timstokerlovebot
-Reddit Work Skin CSS & HTML by knave_of_swords
-How to mimic Social Media in an Ao3 work by aerynevenstar
-template Reddit Skin by spookedcroon
-template:Subreddit page by ireseen
-Ao3 workskin for Forum Thread by fencesit
-Ao3 workskin for Forum Thread [Expansion Pack] by AMereDream
-How to mimic 4chan posts without just taking screenshots of 4chan
Twitch/Youtube
-Mimicking Twitch Chat for fics by Ultraviollett
-Twitch Chat Work Skin by cherrari
-Workskin testing by tohmas [Youtube comments]
-Youtube Work Skin by 1864s
-Youtube Comment Section Workskin by LupaMoe
Discord/Slack/Zoom
-2023 Discord Theme Workskin by TrojanTeapot
-Discord Work Skin by unpredictableArtist
-Discord (Dark Theme) Workskin by Heterochromia_Mars
-Skin for Recreating Discord’s Server Member List by SpookyTesting
-Ao3 Workskin Testing and Tutorials by junietuesday25
-Slack Workskin by Khashana
-Zoom inspired Ao3 skin by mystyrust
Wikipedia
-Fake Wikipedia article about a TV show: Work Skin by Anonymous
-Wikipedia article work skin by styletests
-SCP Wiki Style Workskin by thesnager
Working Games in Ao3 Tutorials
Logic Grid Puzzle Work Skin & Tutorial by BookKeep
The Case Of The Clickable Murdle by VThinksOn
Review Sites:
Yelp Reviews by kiwiana
Amazon Reviews by kiwiana
Rate My Professor Work Skin by BookKeep
Video Game Dialog Mimics
-Dialog [workskin] by Clover_Zero
-Dialogue Workskin (with parallax BG effect) by mystyrust
-My S Ranks--System Windows by unpredictableArtist [computer dialog workskin]
-Tutorial: Ace Attorney Work Skin by QuailFence
-Among Us Ao3 skin by mystyrust
-How to Mimic Undertale Fonts on Ao3 by La_Temperanza
-Tutorial:Rain Code Work Skin by faish
-Balder's Gate 3 Documents Work Skin by Professor_Rye
-SpookyTesting has SOO many Nintendo based ones
–Mimicking Minecraft for some fics by Ultraviollett
Runescape Right Click Menu Formatting by fennfics
How to put Z skits in your Tales fics by wingedcatgirl
How to make Honkai: Star Rail Messages by html_hell (jihnari)
Hold-hands inspired Texting skin by cursedcuriocities(SetsuntaMew)
Simple Linkshell Ao3 Work Skin by Pent – Final Fantasy XIV mimic
Homestuck Chat Clients by 77angel-skins
Workskin: Slay the Princess by ASpooky
Slay the Princess: Updated Workskin by Lilto
Misc. Sites
--How to mimic Deadpool Thinking boxes by La_Temperanza
--FetLife Skin [Work Skin] by Khashana
--Disco Elysium workskin by SarunoHadaki
--StarTrek PADD workskin by duskyspirit
--MDZS-themed letters by allollipoppins
--A Newbie's Guide to Podficcing by Adzaema [skin for podfics]
--Skin for making Character Intro Cards by SpookyTesting
--Kpop Photocards by legonerd
–OVR System Workskin by unpredictableArtist
-How to make Stylized CSS Card Links for your fics by buttertartz
-vroom vroom kachow: Formula1 Race Results Workskin by mackerel_cheese
Bonus: Ever wanted to see how crazy HTML can be on AO3? Try playing But can it run Doom? or Tropémon by gifbot
Happy Creating!
Last updated: Feb 8 2025 (Have a resource that you want to share? My inbox is open!)
"How do you write such realistic dialogue-" I TALK TO MYSELF. I TALK TO MYSELF AND I PRETEND I AM THE ONE SAYING THE LINE. LIKE SANITY IS SLOWLY SLIPPING FROM BETWEEN MY FINGERS WITH EVERY MEASLY WORD THEY TYPE OUT. THAT IS HOW.
There should be a fanfic writing game called the showrunners challenge where someone writes a story and partway through someone else can play things like "actor leaves after 4000 more words" or "topic now too politically sensitive due to unforeseen world events" or "lost rights to that reference"
I do not have the energy do do a full layout right now b/c it is kickstarter season and I am under water, but here's a prototype that can be solo-played (you can also have a friend just pick from the lists if you want that pvp feeling.)
Showrunner's Challenge
By Runawaymarbles
(also sorta by sprintingowl)
Begin writing a fanfic. It is a feature length television program being watched every week by thousands. There is no plan. The industry is in shambles. The writer's room is barely hanging on.
At the end of each chapter, roll a d12.
1 Everything at once. Roll twice, use both. If you get this again, keep rolling. Your only way out is to stop getting 1s.
2 Product placement! The next chapter must center (and subtly promote the features of) a product belonging to the most recent brand you've seen.
3 Fan favorite. Your most recently mentioned character (or named object) is now beloved by the audience. You must give it a bigger part in the story, a special destiny, or an important new romance or friendship. If you get this twice for the same character or object, the adoration cools and you must go back to treating the character or object normally.
4 Executive meddling. You must change to a different genre. You cannot go back to a genre until you have changed genres three times since then.
5 Audiences are craving more coziness. The next chapter must be completely low stakes and set you at ease.
6 Audiences are craving more suspense. The next chapter must take place entirely in a single location, ideally just a single room, and build tension with every exchange of dialog.
7 Audiences are craving more action. The next chapter needs to involve at least one extended fight scene, and the weapons must be the last three objects mentioned.
8 Audiences are craving more romance. The next chapter needs to involve a deep, sappy confession of either love or admiration between two characters that have not previously been romantically involved.
9 Go to the most recent line in your fic that references a brand. Due to ongoing legal action, that brand cannot be mentioned again, but you score 1 audience point every time you allude to it in a way that paints it in a negative light.
10 The two most recently mentioned characters' actors have, IRL, gone through a VERY messy divorce or friend breakup. You cannot put them in the same scene, but they must both remain relevant parts of the show. If you get this with the same two characters again, they reconcile.
11 The most recent negative event (stabbing, poisoning, banishment to jupiter) is now the center of a very real IRL news story. You must immediately pivot away from all plotlines involving it and, if possible, also find away to apologize for even thinking to include it without breaking character.
12 The most recently mentioned character's actor has decided to leave the show. You must write them out in the next chapter. If you are brave, also roll a d12. 1--6, they were well loved and their sendoff must be as flowery as possible. 7--12, they were despised by the cast and crew. Mulch them.
You win if you can complete the fic in a state of relative coherency.
Alternate Game Mode: TV Digest Version
Don't write full chapters, just summaries of what happens in each chapter.
Alternate Game Mode: Realism Edition
Start your fanfic with your own telling of the first episode of an existing show, then proceed from there.
if you’re white and wanna write a poc character and feel awkward about it i implore you to ignore any twitblr stuff treating it as a massive ethical burden and instead come in more with the same mindset you’d have if you wanted to write about idk firefighters but didn’t know anything about firefighters so you do... research. Like fuck off with the weird kinda creepy calls for spiritual introspection you’re not writing about god damn space aliens you’re writing about humans and if you think you need more perspective of different life experiences just read?
If I were writing about firefighters I'd also, in addition to just reading about them, take advantage of Our Blessed Internet to ask actual firefighters about how shit works. I'd do the same for a minority I'm not a part of.
I remember when there was this LiveJournal community where you could just ask about anything you needed for your novel - medicine, professions, vehicles, how things function in country X - and people who knew something about that would answer.
Some of my favorite words and phrases to describe a character in pain
coiling (up in a ball, in on themselves, against something, etc)
panting (there’s a slew of adjectives you can put after this, my favorites are shakily, weakly, etc)
keeling over (synonyms are words like collapsing, which is equally as good but overused in media)
trembling/shivering (additional adjectives could be violently, uncontrollably, etc)
sobbing (weeping is a synonym but i’ve never liked that word. also love using sob by itself, as a noun, like “he let out a quiet sob”)
whimpering (love hitting the wips with this word when a character is weak, especially when the pain is subsiding. also love using it for nightmares/attacks and things like that)
clinging (to someone or something, maybe even to themselves or their own clothes)
writhing/thrashing (maybe someone’s holding them down, or maybe they’re in bed alone)
crying (not actual tears. cry as in a shrill, sudden shout)
dazed (usually after the pain has subsided, or when adrenaline is still flowing)
wincing (probably overused but i love this word. synonym could be grimacing)
doubling-over (kinda close to keeling over but they don’t actually hit the ground, just kinda fold in on themselves)
heaving (i like to use it for describing the way someone’s breathing, ex. “heaving breaths” but can also be used for the nasty stuff like dry heaving or vomiting)
gasping/sucking/drawing in a breath (or any other words and phrases that mean a sharp intake of breath, that shite is gold)
murmuring/muttering/whispering (or other quiet forms of speaking after enduring intense pain)
hiccuping/spluttering/sniffling (words that generally imply crying without saying crying. the word crying is used so much it kinda loses its appeal, that’s why i like to mix other words like these in)
stuttering (or other general terms that show an impaired ability to speak — when someone’s in intense pain, it gets hard to talk)
staggering/stumbling (there is a difference between pain that makes you not want to stand, and pain that makes it impossible to stand. explore that!)
recoiling/shrinking away (from either the threat or someone trying to help)
pleading/begging (again, to the threat, someone trying to help, or just begging the pain to stop)
Feel free to add your favorites or most used in the comments/reblogs!
Exploring good traits gone bad in a novel can add depth and complexity to your characters. Here are a few examples of good traits that can take a negative turn:
1. Empathy turning into manipulation: A character with a strong sense of empathy may use it to manipulate others' emotions and gain an advantage.
2. Confidence becoming arrogance: Excessive confidence can lead to arrogance, where a character belittles others and dismisses their opinions.
3. Ambition turning into obsession: A character's ambition can transform into an unhealthy obsession, causing them to prioritize success at any cost, including sacrificing relationships and moral values.
4. Loyalty becoming blind devotion: Initially loyal, a character may become blindly devoted to a cause or person, disregarding their own well-being and critical thinking.
5. Courage turning into recklessness: A character's courage can morph into reckless behavior, endangering themselves and others due to an overestimation of their abilities.
6. Determination becoming stubbornness: Excessive determination can lead to stubbornness, where a character refuses to consider alternative perspectives or change their course of action, even when it's detrimental.
7. Optimism becoming naivety: Unwavering optimism can transform into naivety, causing a character to overlook dangers or be easily deceived.
8. Protectiveness turning into possessiveness: A character's protective nature can evolve into possessiveness, where they become overly controlling and jealous in relationships.
9. Altruism becoming self-neglect: A character's selflessness may lead to neglecting their own needs and well-being, to the point of self-sacrifice and burnout.
10. Honesty becoming brutal bluntness: A character's commitment to honesty can turn into brutal bluntness, hurting others with harsh and tactless remarks.
These examples demonstrate how even admirable traits can have negative consequences when taken to extremes or used improperly. By exploring the complexities of these traits, you can create compelling and multi-dimensional characters in your novel.
hey friends, this was generated by chatgpt
I've been using it recently for work (ugh) and this is the exact format that it responds in
I'm not saying it's bad writing advice (it's not!) but I think creative advice generated by a machine should absolutely come with a disclaimer that it was generated by a machine
want to beat up a character but don't know how you wanna do it? same here, friend. behold, the whump wheel! it currently has 60 different prompts/tropes on it and is ready for use! 🎉 i...love this thing. it is wonderful for writing exercises. (if you wanna know what's on it before using it, take a peak at the screenshot below)
do u think omegaverse acknowledges covid-19 and the generation of people who permanently lost their sense of smell like how are they all scenting each other now is the omegaverse economy in shambles
actually pheromone sensing works differently from normal olfaction, since humans in our world don’t have a functioning vomeronasal organ (VNO), we don’t have any data on how covid-19 would affect a functioning VNO in omegaverse AUs
Actually there is evidence that covid probably would affect the VNO and it stands to reason would accordingly impair its function. Briefly:
SARS-CoV-2, the virus that causes covid, can only infect cells expressing a certain protein called ACE2
ACE2 is expressed widely in nasal cavity epithelial cells but not in olfactory sensory neurons.
Seo et al. (2021) studied potential nasal targets for SARS-CoV-2 using golden hamsters as a model organism (commonly used as a proxy for humans in virology studies)
They found ACE2 expression in the main olfactory bulb epithelium (MOE, your “normal” nose organ) as well as the vomeronasal organ (VNO)
Several cell types in the VNO were able to be infected and they also found significant inflammatory activity (macrophage activation, apoptotic cells, etc)
The specifics of how covid actually causes dysosmia are not known for sure but epithelial damage by local inflammatory immune responses likely plays a role, especially because sensory neurons themselves are not affected (Bilinska, & Butowt, 2020). Therefore I would suggest a potential similar effect of VNO dysfunction as we see in the main olfactory bulb
From Seo et al.: “Considering the function of the VNO, infection and subsequent pathologic changes may affect the behavior of Syrian hamsters”
If it stands to reason that omegaverse individuals have functioning VNOs similar to members of the animal kingdom, then it is more than reasonable to conclude that covid may cause them to lose not only their main olfactory function, but also their VNO function as well
References: (1) (2)
In conclusion the omegaverse economy IS in shambles.
OP this is very well-written but im still hung up on how you came onstage dressed as a clown only to tear off the costume and reveal yourself as a biologist
Tiresome Paper Dreams @siriuslymcfly-writes - Tumblr Blog | Tumgag