*me Looking At All The Degenerate That Liked My Fic*

Who does that??

Plan and plot are not even part of my vocabulary dear-

“how do you plot / plan your book?” very bold of you to assume i do that.

Write Believable Intelligent Characters

╰ Let their intelligence show in how they notice things

Smart people aren’t always the ones talking, they’re the ones observing the tiny detail that everyone else misses. They connect dots faster. They clock micro-expressions. They’re already ten moves ahead while everyone’s still arguing about step one.

╰ Don’t make them know everything

The smartest characters have gaps. A genius hacker who can’t do small talk. A professor who’s never seen Shrek. An expert in ancient languages who has zero street smarts. Give them blind spots, and suddenly they feel real—not robotic.

╰ Let their intelligence shape how they argue

A clever character doesn’t always win by yelling louder. Sometimes they cut deep with one sentence. Sometimes they bait someone into proving their point for them. Or smile while delivering verbal chess moves that leave everyone stunned two scenes later.

╰ Smart doesn’t mean wordy

Sometimes the smartest thing your character can say is nothing. Sometimes it’s “Huh.” Or one line that lands like a hammer. Intelligence isn’t just about complexity, it’s about clarity. Bonus points if they say the thing everyone else was dancing around.

╰ Show them solving problems, not just explaining them

Whether it’s picking a lock or defusing a political standoff, let them act. Watching them think on their feet, adapt, and surprise people is way more compelling than giving them long-winded monologues about the history of poison.

╰ Let them struggle with being misunderstood

A smart character might say something that’s totally logical but lands like a slap. Or they assume people see the obvious when they don’t. Intelligence can be isolating. That tension makes them human.

╰ Don’t make them the author’s mouthpiece

If your “smart” character exists to deliver the moral of the story, they’ll feel like a soapbox in a trench coat. Let them be flawed, biased, wrong sometimes. Let them learn. Otherwise, they stop being a character and start being an essay in disguise.

╰ Make their intelligence emotional, too

Book smart is one thing. Emotional intelligence hits differently. Maybe they’re intuitive. Maybe they know how to read a room. Maybe they see through someone’s bravado in five seconds flat. Brains plus empathy? Lethal combo.

╰ Smart doesn’t mean nice

Intelligence can be cruel. Calculated. Detached. Don’t be afraid to let your clever character weaponize their smarts if that’s who they are. Sometimes the coldest characters are the ones who know exactly how to hurt you—and choose not to. Or do.

After laughing at everyone's who's ao3 shuts down (cuz yeah mine doesn't as often as yours), I finally experienced your suffering.

I apologise for making fun of your misery and found myself contemplating my life choices yesterday after loosing my husband....

How the heck do you all survive that kind of thing?? Even ww3 seems easier...

Edit 19/09/2024/19:35: It's down again... I'm sorry! I'm begging on my knees! Just let me continue the fic I started yesterday instead of sleeping!

@Fanfic writers:

My friend send me this link, is a series on a profile on Ao3 (tumblr) that has different tutorials to insert things to fanfics via html code, I thought I would share bc it’s really cool

Lists of tutorials:

How to make images fit in mobile browsers

This is a tutorial/live example on how to make large images fit on mobile browsers but remain normal size on desktop browsers.

How to mimic letters, fliers, and stationery without using images

This is a tutorial/live example on how to mimic the look of letters, fliers, and stationery (as well as other forms of written media) without using images. For all your epistolary fic needs.

How to make a “choose your own adventure” Fic

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.

How to make linked footnotes on Ao3

This is a live example of how an author can create linked footnotes in their work with only a little bit of HTML and no workskins required. This is best viewed by clicking "Entire Work". While I've included the actual coding in bold and italic once you click "Hide Creator's Style", there's a more detailed explanation here.

How to change text on Ao3 when the cursor is hovering over it (or clicked on mobile)

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.

How to mimic author’s notes and Kudos/Comment buttons

Anonymous on tumblr: do you have a skin that would mimic the author’s notes and review/kudos buttons section from the end of a fic? the desired effect being that the fic could go on after the “end” of the fic, so after the author’s notes and review/kudos buttons

Here's a tutorial/live example to do just that, with some of the buttons actually functioning. I'll explain more inside!

How to wrap text around images

This is a tutorial/live example on how to align images to the left or right of the screen and have text wrap around them.

How to mimic email windows

This is a tutorial/live example on how to mimic email windows on AO3 without the need to use images.

How to make ios text messages on Ao3

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.

How to make Customized page deviders

Bored with the default page dividers? This is a tutorial/live example on how customize your page dividers with no images needed (though I do show you how you could use images if you wanted to do such a thing).

How to make invisible text (That can be highlighted)

This is a live example how to make invisible text that can only be seen by highlighting the text. Tutorial is included in text, and you can always leave comments about questions you may have.

MOBILE USERS: Sadly, this probably won't work for you, since highlighting in a mobile browser is different than web. I've tried correcting this, but have yet to find a solution.

How to make a rounded playlist

Original coding and design is from layouttest. I make no claims for it, just tweaked it so it will work on AO3.

How to create notebook lined paper on Ao3

This is a live example of my AO3 skin that allows the author to recreate the look of lined notebook paper in their work. To learn more about it, you can find the tutorial here.

Sticky notes on Ao3 without using images

This is a live example of my AO3 skin that allows the author to recreate the look of sticky notes (aka Post-Its) in their fic. To learn more about it, you can find the tutorial here.

How to make deadpool’s thinking thinking boxes on Ao3

This is a live example of my AO3 skin that allows the author to recreate the look of Deadpool's thinking boxes in their fic. To learn more about it, you can find the tutorial here.

How to make newspaper articles on Ao3

This is a live example of my AO3 skin that allows the author to recreate the look of a newspaper article in their work. To learn more about it, you can find the tutorial here.

Ways I Show a Character is Emotionally Burned Out (Before They Even Realize It Themselves)

I love writing characters who think they’re fine but are actually walking emotional house fires with bad coping mechanisms.

They stop doing the things they used to love and don’t even notice. Their guitar gathers dust. Their favorite podcast becomes background noise. Their hobbies feel like homework now.

They pick the path of least resistance every time, even when it hurts them. No, they don’t want to go to that thing. No, they don’t want to talk to that person. But whatever’s easier. That’s the motto now.

They’re tired but can’t sleep. Or they sleep but wake up more tired. Classic burnout move: lying in bed with their brain racing like a toddler on espresso.

They give other people emotional advice they refuse to take themselves. “You have to set boundaries!” they say—while ignoring 8 texts from someone they should’ve cut off three emotional breakdowns ago.

They cry at something stupidly small. Like spilling soup. Or a dog in a commercial. Or losing their pen. The soup is never just soup.

They say “I’m just tired” like it’s a personality trait now. And not like… emotionally drained to the bone but afraid to admit it out loud.

They ghost people they love, not out of malice, but because even replying feels like too much. Social battery? Absolutely obliterated. Texting back feels like filing taxes.

They stop reacting to big things. Catastrophes get a blank stare. Disasters feel like “just another Tuesday.” The well of feeling is running dry.

They avoid being alone with their own thoughts. Constant noise. TV always on. Music blasting. Because silence = reckoning, and reckoning is terrifying.

They start hoping something will force them to stop. An accident. A missed deadline. Someone else finally telling them, “You need a break.” Because asking for help? Unthinkable.

How I added "instant translation" to the non-english text on my fic: a very easy 3 step guide

Hello!

I recently posted a Wolfstar fanfic called Instance of Happenstance and received a lot of compliments on a small piece of code I used. Both @marigold-hills and @leavesthatarebrown suggested I share how I did it, so here I am, finally explaining it in a Tumblr post!

Before diving into the details, I want to clarify that I didn't write this code myself.

Initially, I tried following this tutorial, but I stumbled upon a better solution in the comments of that post. The code on the tutorial itself does work, but a) it's harder to use and b) it doesn't work as well if you're planing to have multiple paragraphs that you need to show the translation on the same fic.

The solution someone presented on the comments, however, is very simple and easy to use for as many paragraphs as you need, but the explanation there wasn’t too clear, so I decided to expand on it to make it easier for others to implement.

All credit to Ao3 users La_Temperaza (who wrote the orginal post) and Nikkie2571 (who posted this code on the comments).

What Does This Code Do?

This code adds an interactive feature to your fanfic, allowing readers to hover over a specific paragraph (or tap on it if they’re on mobile) to instantly change the text to something else — also set by you.

While this can be used for various purposes, I think it's particularly useful to display instant translations of non-English dialogue/text directly in the story. The code offers a much smoother alternative to the clunky “see end notes for translation” thing—which, let's be honest, can be a pain for readers, especially in long chapters.

For example, in instance of happenstance, Sirius discovers an old journal written entirely in French. I wanted to maintain the sense of mystery and intrigue that would be lost if I simply said the journal was in French, but wrote the text in English.

This solution let me keep the best of both worlds—retaining the authenticity and the immersion of the French, while still making the story easy to follow for the readers.

Now, I know this sounds complicated, but I assure you, it's not!

Down bellow is a quick, 3 steps tutorial on how to do it. I hope this is helpful! (:

(I'm doing this on the computer, if you're doing it on mobile, the layout of the website might be different from my printscreens)

Step 1 - Create The Work Skin

I'm gonna go right to the point here, but if you want to know about Work Skins in detail, I suggest this Ao3 Article.

On your Ao3 Dashboard, click on the fourth link on the sidebar, which is "Skins".

Then, on the page that opens up, click on "My Work Skins"

Then, on the top of the page, select "Create Work Skin"

Now, you'll see the form to create your skin, which looks like this:

Leave the "Type" as "Work Skin". On the Title, you can give any name you want to your skin, but I suggest you choose the same title as your fic or something like "instant translation", so you'll know what it's about later.

You don't have to worry about any of the other fields, except for the CSS one, where you should copy and paste exactly what I'll put bellow:

#workskin .change_on_hover:not(:hover) .on, #workskin .change_on_hover:hover .off { display: none; }

So, now, you'll have something like this...

... and you just have to click "save" on the bottom of the page, and this step is done.

Step 2 - Apply the Skin you created to your fic

For a new work, click on "New Work" as usual. If it's a fic you're already posting, you can add this as well, just click the "Edit" button.

Now, on the form of your fic, on the "Associations" tab, right under the menu where you select the language of your fic, you'll see a "select a work skin" option.

On this field, you should select the workskin you just created on the previous step, searching by the name you gave it on the "Title" field.

Step 3 - Insert the text

The code we're gonna use is this one:

<p class="change_on_hover"> <span class="off"> paragraph in foreing language </span> <span class="on"> paragraph in english </span> </p>

If you have no idea what this means, hold my hand, we're gonna get through it together!

First, copy your fic’s text into the AO3 text box as you normally would. Then, switch the text box to HTML mode so you can see the underlying code.

Now, scroll down until you find the paragraph you want to translate. After pasting, it will likely look something like this:

Note how each paragraph in HTML starts with <p> and ends with </p>. These tags indicate where a paragraph begins and ends.

Our goal is to modify that first <p> tag so it tells the browser, “Hey, this paragraph is different from those other ones. It should change when hovered over or clicked.”

To do this, we’ll change <p> to <p class="change_on_hover">. This marks the paragraph as special—one that should switch text when interacted with.

Now note how instead of having a single paragraph, we need two versions of the text:

In blue, the original (non-English) text, which will be shown by default.

In red, the translated (English) text, which will appear when the reader hovers over or clicks on it.

For the original text, wrap it inside a <span class="off"> tag, ending with </span> like this:

<span class="off"> insert here the whole text of the paragraph in the foreign language </span>

For the translated text, wrap it inside a <span class="on"> tag, also ending with </span>. This will replace the original text when hovered over or clicked:

<span class="off"> insert here the whole text of the paragraph in english </span>

And don't forget to end the whole thing again with </p>

Again, here's how it looks on my fic:

With the paragraphs that come before and after the translated text, just leave them as they are. They should still start with <p> and end with </p>. No changes needed!

You can use this method for as many paragraphs as you want, whether in the same chapter or across different chapters. As long as the Work Skin is active, the effect will work seamlessly throughout your fic.

leave him alone, he's got the attitude *sparkles*

A monster forcefully switches places with you. You become a horrible creature, and the monster assumes your form. Unfortunately for the monster, your life absolutely sucks—and you have no intention of swapping back.

You can spam boop me!

reblog if you let people spam boop you

Reblog if you’re grateful for your commenters <3