![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
Entry tags:
Bookmarklet: AO3 Title Text Revealer
In some fandoms, it's reasonably common for fanfic authors to write text in a language other than English and provide a translation that appears on hover. They do this by putting the text in the
Initially I was thinking I could write some CSS in a custom AO3 theme to display the text after the element it's attached to, but it turns out that AO3 doesn't allow you to use the
Reveal Title Text Bookmarklet
I also learned how to install bookmarklets on mobile Safari, which will probably greatly improve my fic reading experience in future. No way to install them on my Kobo though, so I guess I'll just have to deal with not being able to read the translations on my e-reader. That or add custom CSS to every AO3 epub I add to my Kobo.
title="" attribute of an HTML tag (usually <span>). This works on desktop, but on a touch screen device it gets a little complicated. Initially I was thinking I could write some CSS in a custom AO3 theme to display the text after the element it's attached to, but it turns out that AO3 doesn't allow you to use the
attr() function. So I went back to my old friend, the bookmarklet.Reveal Title Text Bookmarklet
I also learned how to install bookmarklets on mobile Safari, which will probably greatly improve my fic reading experience in future. No way to install them on my Kobo though, so I guess I'll just have to deal with not being able to read the translations on my e-reader. That or add custom CSS to every AO3 epub I add to my Kobo.