Text Workskin Maker for AO3 by festiveferret

[alaterdate]

Saw this interesting post on Tumblr about making fake text messages in AO3 works. Like so:

Though I've never tried such a thing in a fic and I don't foresee myself needing to (given my fandoms 😂) I thought it was really interesting that this incorporates an AO3 work skin. And I didn't realize you could have skins for individual works, I thought it was always just referring to a complete site skin 😂 I honestly still don't know much about AO3.

HERE is the post which includes a handy spreadsheet that formats the HTML for you (so you don't have to type in all the <span></span> etc yourself. And they've included links to the essential CSS styles you need in your work skin as well ofc.

I've never seen a fic with its own work skin btw. If y'all know any cool ones, I'd love to see them!

Comments

[kalloway]

Sorry for lack of formatting, mobile... https://archiveofourown.org/works/23832748 - Twinstar, Gundam SEED Astray, uses some text message boxes, code from this fantastic series of tutorials - https://archiveofourown.org/series/458134

[alaterdate]

Ooh, I really enjoyed how you utilized the text messages in that!

And thanks for linking the whole tutorial series 🤩 they're fantastic.

[kalloway]

Thank you and you're welcome~! Here's another set of tutorials for even more effects~ now that I'm home with a real keyboard.

[alaterdate]

Nice, thank you!

[bemused_writer]

Oh, good to have that as a reference! I'm not sure if I have any current fandoms that need it, but you never know when that will change. Thanks for sharing. (^^)

[alaterdate]

Same, but they're so interesting and look so fun they kind of make me want to come up with some way to use them xD
Kalloway was kind enough to add more tutorials in the comments here so check those out too!

[bemused_writer]

Oh, nice! I definitely will. (^^)