elrhiarhodan: (Default)
[personal profile] elrhiarhodan posting in [community profile] ao3_skins
Hi there, don't know if anyone's listening to this comm anymore, but I could use some help with a skin.

AO3 doesn't support the indent [ div style="margin-left: 40px"] tag, insisting that the [blockquote] tag is equivalent, but it isn't, as a [blockquote] tag places a border around the text. I have no experience with skins or how to write one. I've looked at various tutorials but can't figure out how to make one work for the simple task of indenting multiple paragraphs.

Can anyone help?

Date: 2017-08-06 05:46 pm (UTC)
poulpette: cropped picture of an illustrated octopus (Default)
From: [personal profile] poulpette

What, exactly, do you want to indent? Is it the work itself, the first line of each paragraph or only some of those?

Date: 2017-08-07 05:41 am (UTC)
poulpette: (LOST - Desmond - Carribean Love)
From: [personal profile] poulpette
OK. I see what you you want now.

Well blockquote isn't supposed to be used for the sole purpose of indenting text, but rather quoting blocks of it. So in that you're not wrong in that they're not equivalent to a div tag.

From what I can see on their tutorial, AO3 does allow div tags, just maybe not styling them directly. Which is what you were doing using the style attribute in the tag.

Rather you should use classes to style your flashback div. Here's an exemple:

<div class="flashback">Replace this text with your flashback.</div>

You'll need to create a worksin, into wihich you'll define the style associated with the .flashback class like so:

.flashback {
    margin-left: 40px;

Once that's saved and done, you can pick that work skin for your work and you'll be in business :)
Edited Date: 2017-08-07 05:44 am (UTC)


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

August 2017


Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Aug. 23rd, 2017 12:42 am
Powered by Dreamwidth Studios