alright google calm down we all know this to be true
@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.
╰ 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.
Maybe a little.... Procrastination doesn't have a cure for my defence! :'[
reblog if you’re a writer who feels guilt whenever they’re not writing and being productive, so I know I’m not the only one lol
reblog if you let people spam boop you
Wattpad and Webtoon are in a relationship.
Then, they became parents and had ao3 (archive of our own).
But then, Webtoon cheated on Wattpad with Duolingo (because Duo had a huge glow up) so Wattpad decided to take revenge on her lover and cheated with her exe Twitter/X. (they broke up because X was toxic obviously)
While the parents have a rather complicated relationship BUT still working out somehow, their kid found joy in dating Tumblr.
I'm telling you chat, grandma naver is enjoying the drama!!!
I'm in fact very new to tumblr and just found out about this whole BOOp thingy. It actually got me curious because everyone was talking about it and when I understood, it made me smile so much for a thirsday morning :3
I need to remember this ( TДT)
hi, i love your prompts!!
can you do prompts/suggestions for revealing a character’s tragic backstory to the other characters? mostly with like hurt/comfort or angst. please n thanks!
How to Reveal a Tragic Backstory
check out these sources:
The Backstory Drip: Helping Writers Become Authors
When Do You Reveal a Backstory of a Character?: Writing Stack Exchange
Writing Character Backstory That Feels Real: Now Novel
Before revealing a tragic backstory, it's crucial to lay the groundwork. Give the audience some clues or hints about the character’s pain or past struggles without fully explaining it. This builds curiosity and tension, making the eventual reveal more satisfying.
Example: Throughout the story, you might show the character having nightmares, flinching at certain triggers, or displaying a particular behavior (like pushing others away) that hints at something painful in their past.
A tragic backstory should be revealed at a moment that feels natural and emotionally charged. Don’t force it into the plot. Often, it works best when the character is vulnerable, perhaps during a quiet moment, when they feel safe enough to let their guard down, or during a crisis when the emotional dam breaks.
Example: The character might reveal their past during a moment of intense emotional vulnerability, like when they think they’re about to lose someone else they care about, or when they are experiencing a setback that mirrors their past trauma.
A tragic backstory is rarely easy to talk about, and the discomfort surrounding the reveal can be just as important as the backstory itself. Let the character struggle with the words or try to push the conversation away, only to be coaxed into speaking. This makes the moment feel more authentic and raw.
Example: The character might start the conversation with, "It’s not important" or "I don’t want to talk about it," before finally giving in to the other character’s gentle probing or a shift in the situation that forces them to face the truth.
Instead of simply stating the tragic event, show how it affects the character through their actions, memories, or how they interact with others. This deepens the emotional impact, allowing readers to experience the pain with the character rather than just being told what happened.
Example: Rather than saying, "He lost his entire family in the fire," you could show how the character avoids talking about their family, has flashbacks when they see something related to fire, or even flinches at certain words associated with their trauma.
The tragic backstory can be tied to something physical, symbolic, or thematic in the narrative. A certain object, place, or even weather can be used to evoke memories of the past, creating a deeper emotional connection.
Example: If the character lost someone they loved in a car accident, perhaps they always have trouble getting into cars, or they wear a piece of jewelry that reminds them of the person. When this item or memory is triggered, the character opens up about the event.
Sometimes, a tragic backstory is revealed in pieces over time. A character might not reveal everything all at once, but bits and pieces come out as the story progresses. This gradual reveal can allow you to build emotional complexity and deepen the audience’s understanding of the character.
Example: The character might first mention a loss in passing, then later reveal more details about the circumstances surrounding that loss. In a climactic moment, they might confess the full extent of their pain, perhaps adding a new layer of guilt or unresolved anger.
Tragedy isn’t always a neat, tidy narrative. It’s often messy, complicated, and filled with unresolved feelings. Don’t try to make the tragic backstory feel like it was meant to be "healed" or resolved easily. Characters are shaped by tragedy, and the wounds might never fully heal.
Example: The character might express regret or resentment, even years later. They might struggle with feelings of guilt, or they might have difficulty trusting others due to their past experiences.
While tragic backstories are emotionally powerful, too many details can overwhelm the reader or distract from the present story. Instead, focus on the most crucial parts of the past that shaped the character’s current behavior, rather than telling every painful moment.
Example: Rather than describing an entire traumatic event in detail, focus on how it emotionally affected the character. Perhaps the character doesn’t want to remember, so the backstory is revealed only through emotional reactions to certain triggers or through small, painful details.
After revealing the tragic backstory, the character’s actions should be influenced by it. Their trauma will affect their decisions, and it’s important to show how it shapes their journey going forward.
Example: The character might reveal that they lost someone to violence, and that’s why they became a protector of others. Or maybe their tragic past has made them emotionally distant, but in the course of the story, they gradually learn to trust and open up.
A tragic backstory shouldn’t just be there to elicit sympathy. It should tie into the character’s motivations, fears, and relationships with other characters. If the backstory doesn’t serve a purpose for the plot, it can feel like unnecessary exposition.
Example: If the character is hesitant to form deep relationships because of their tragic past, this fear will be challenged by their interactions with the other characters. Perhaps their backstory also explains why they’re so skilled in a certain area, giving the plot a practical reason for them to be involved in the current situation.
Writing Prompts Revealing a Tragic Backstory
-> feel free to edit and adjust pronouns as you see fit.
She leaned against the worn table, fingers tracing the edge of a chipped mug, not meeting his eyes. "I didn’t always… I wasn’t always this," she began, her voice thin, strained. He sat across from her, waiting, but not pushing. She swallowed, her chest tightening. "There was a fire, years ago. I was just a kid. My parents—" She stopped, shaking her head, as though the words couldn’t pass her lips without choking her. "I don’t even know how I made it out."
She reached out to touch his shoulder, a gesture of comfort, but he recoiled as if her hand was burning him. His eyes widened, panic flashing across his face. "Don’t," he muttered, backing away, his chest rising and falling with rapid breaths. "Please don’t." She stared, mouth dry, unsure what she had done wrong, but the way his face twisted as if remembering something painful told her everything she needed to know.
They jolted awake, heart pounding, gasping for breath as the remnants of the nightmare clung to them. The other person, already awake, noticed and reached out, pulling them into their arms. "Shh, it’s okay," they whispered softly, but the words barely registered. "I couldn’t save her," they choked out, voice raw. "I promised, but I—" The sob broke free before they could finish, and the other person tightened their hold, pressing their forehead against theirs. "You didn’t fail," they whispered, offering the comfort of their presence. "You're safe now."
They were walking in silence, the soft crunch of gravel beneath their boots the only sound between them. He kept his head down, eyes fixed on the ground, his hands shoved deep in his pockets. Then, without warning, he stopped. "I watched him die," he said, his voice rough, as though the words were hard to spit out. She turned, startled by the suddenness, but he didn’t meet her gaze. "My brother. He bled out before anyone could help." His jaw tightened, eyes distant. "And I couldn’t do a damn thing."
Her laughter echoed in the room, but it faltered when she saw his face. He wasn’t laughing. He was staring, distant, lost in some memory only he could see. "What’s wrong?" she asked, suddenly concerned. His eyes snapped back to her, and he forced a smile that didn’t reach his eyes. "Nothing." He turned away quickly, but not before she saw the tear that had escaped down his cheek. "I just... you made me think of my sister."
city boy Nightwing art by Jamal Campbell
➤ Real Estate Listings (Yes, Seriously)
Looking up local listings in a place similar to your fictional town or city gives you surprising insight—average home styles, neighborhood layouts, what “affordable” means in that region, even local slang in the listings. + Great for, grounding your setting in subtle realism without hitting readers over the head with exposition.
➤ Google Street View (Time to Creep Around Like a Setting Spy)
Drop into a random street in a town that resembles your fictional setting. Walk around virtually. Notice what's boring.Trash cans, streetlights, sidewalk cracks, old ads. + Great for: figuring out what makes a setting feel “normal” instead of movie-set polished.
➤ Local Newspapers or Small Town Reddit Threads
Want voice? Culture? Weird local drama? This is where it lives. What’s in the classifieds? What’s pissing people off at town hall? + Great for: authentic small-town flavor, conflict inspiration, and the kind of gossip that fuels subplot gold.
➤ Fantasy Map Generator Sites (Even for Contemporary Settings!)
Not just for epic quests. Generating a map, even a basic one, can help you stop mentally teleporting your characters between places without any sense of space or distance.+ Great for: figuring out how long it takes to get from the protagonist’s house to that cursed gas station.
➤ Music from or Inspired by the Region/Culture
Even fictional cities deserve a soundtrack. Listen to regional or cultural playlists and let the vibe soak into your setting. What kind of music would be playing in your character’s world? + Great for: writing atmospherically and getting in the right emotional headspace.
➤ Online Menus from Local Diners, Restaurants, or Cafés
You want a setting that tastes real? Look at what people are actually eating. + Great for: writing scenes with meals that aren’t just “some soup” or “generic coffee.” (Also, bonus points for fictionalizing weird specials: “Tuesday Fish Waffle Night” is canon now.)
➤ Yelp Reviews (Especially the One-Star Ones)
Looking for a spark of chaos? One-star Yelp reviews will tell you what your characters complain about and where the best petty drama lives. + Great for: worldbuilding quirks, local tensions, and giving your town character.
➤ Real Estate “Before/After” Renovation Blogs
You’ll find the bones of houses, historical details, and how people preserve or erase the past. + Great for: backstory-laced settings, haunted houses, or any structure that’s more than just a place, it’s a story.
➤ Old Travel Books or Tourism Brochures
Especially the outdated ones. What used to be considered “the pride of the town”? What’s still standing? What was erased? + Great for: layering a setting with history, especially for second-generation characters or stories rooted in change.
"Why don't you give up?"
"Oh, I gave up years ago! You should've seen me before!"
They/them | I'm just a wanna be author and binge every korean/chinese novel I can :D
38 posts