meicdon13: (Default)
[personal profile] meicdon13 posting in [community profile] ao3_skins
Hello, I was wondering if anyone knows a workskin that displays SMS text in message bubbles? I remember I read a fic where the workskin made it look like they were iPhone SMS bubbles but I can't find the fic again and Google hasn't given me any tutorials/codes on how to make a workskin like that.

Any help would be much appreciated!

Date: 2016-02-14 12:51 pm (UTC)
cesy: "Cesy" - An old-fashioned quill and ink (Default)
From: [personal profile] cesy
You'd need to start by figuring out how to make a paragraph look like those bubbles - what colour background, colour text, border colour and width, rounded corners, etc. Then add a class for SMS, that you can add to appropriate paragraphs in the story, that will trigger that CSS from the workskin. If you're new to CSS, the W3Schools site isn't perfect and teaches some bad long-term habits but will cover all that stuff in a beginner-friendly way.

(I have not made a workskin in years and may be misremembering, but that's how I'd start.)

Date: 2016-05-01 12:20 pm (UTC)
fuck_yeah: Cartoon octopus pushing buttons and pulling levels on panel (Default)
From: [personal profile] fuck_yeah
It's a bit late, but I've created an iPhone SMS tutorial here:


ao3_skins: OTW logo with text "Emerging" (Default)
AO3 Skins

August 2017


Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Oct. 23rd, 2017 10:27 pm
Powered by Dreamwidth Studios