May 5th, 2016

flamebyrd: (Default)
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 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.

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated August 22nd, 2017 06:38 pm
Powered by Dreamwidth Studios