#image posting

[alwaysalexlolz]

This is the best screenshot I’ve ever gotten from a video EVER

[titanralsei]

a collection or mood-board of sorts

[alien-in-washington]

[eggydaxy]

[treymeow]

Was trying different face angles

Cuz i cant keep doing just head ons and like faces from the same camera angle 💔 (i can, but alas thats limiting)

[jaydicksummerexchange]

Artists, how to make your images automatically resize on AO3 to make you and your audience happy

Based on this post <-- great post, I just wanted to make it EVEN MORE image heavy

Ok, have you guys ever have this problem on AO3:

Me too! And now I CAN HELP!!! Here is am image heavy guide to make a VERY SIMPLE work skin for your AO3 works! (source)

Step 1: Login to AO3 and go to the “Skins” link on your dashboard navigation bar.

Step 2: Click on “my work skins” and then “create work skin”

Step 3: Paste this into the text box:

#workskin img { max-width:500px!important; }

(note: you can change the max width to be more or less than 500px depending on your needs)

(Note that I pasted it in as one line, and AO3 automatically added spaces and returns after I hit submit.)

Step 4: Give it a unique title and hit submit.

Step 5: Edit your work and select the work skin you just created under “Select work skin”.

Step 6: Make sure your image html looks like this:

<img src=“URL” alt=“description” width=100%>

If you’re in the rich text view, make sure you click over to the html view.

You don’t want to have height and width specified because if you do, the work skin will mess up your proportions, making it looked stretched. Also, if you have width set to 100%, then your image will resize to the width of the browser window if the browser is smaller than the max-width.

Step 7: Save your work!

Yay! Victory!

Caveat: my expertise in this area is VERY LOW, but this worked for me and I have inexpertly guided one (1) person through it, so I will do my best to help if you need it, and also I will update if I learn more/get corrected.

[topherchris]