Tricks And Tips - Blog Posts

A Simple Trick for Fic Writers

Hey, if you're a fic writer and a character speaks in a different language, you don't just have to add the translation in the notes. Use the following HTML coding to add 'text on hover' to the word(s). If the reader is on a computer they can hover over the text to see the translation.

<div title="This is the text in the box!">This is the text that shows in your fic!</div>

Here are some examples from a fic on my AO3.

This coding here <div title="a fool, idiot (lit. emptyhead)">Eyn utreekov</div> will show this on hover.

This next example shows that you can add a lot of text. The formatting is the same as above.

PS: When doing this, there may be spacing issues, but you can edit the text through AO3's html or rich text editor. From there you can add italics (like I did), bold, etc, and fix any weird spacing issues. Just be careful not to delete the coding that you worked so hard on 😂