Log in

No account? Create an account
21 January 2014 @ 06:29 pm
AO3 Work Skin: Flow  

I was going to work on more color variations for this theme, but my inspiration to work on these has recently fizzled. As at least one person has been patiently waiting, I thought I ought to post what I have, despite not being 100% satisfied. Change the colors on these themes as you like.

(01) Go your AO3 user dashboard.
(02) Click the "Skin" link (located under Preferences).
(03) Click the "Create Skin" button.
(04) For "Type." select "Work Skin."
(05) Give your skin a "Title." I recommend calling it "Flow" since that's what I'm calling it.
(06) You can "Upload a preview" by saving the thumbnail and uploading it to your Work Skin.
(07) Copy-and-paste one of the following codes into the CSS box:

Full Size Image

TITLE: Flow - Peach/Blue

Full Size Image

TITLE: Flow - Blue/Gold

(08) Click the "Submit" button. Congrats, you now have a custom work skin!
(09) Go to the "Work" you want to apply your new skin to and choose to "Edit" it (or create a new work, whatever floats your boat).
(10) Scroll down to the "Associations" metadata group located right before the "Work Text" field. Click the dropdown arrow next to the "Custom Stylesheet" field and select the skin you just created.
(11) Copy-and-paste the code below into the "Work Text" box and edit the contents of the table as appropriate for your needs:

- This skin uses some basic images. I recommend saving them and upload them somewhere yourself, as they are currently hosted on my LJ account and we all know how reliable LJ is.
- This skin works best with a cover image that is 500x500 pixels.
- These have not been fully tested. If you find any weird bugs in the display, let me know and I'll try to fix it.

lauramcewan on January 22nd, 2014 01:26 am (UTC)
This is really neat! But I got lost on the "text link" portion. It shows up as "text link" in my final but I don't see where I put in that text link in the coding. I'm blind, usually. :)


and on my second one, I don't get the text link at all. What did I miss?


Edited at 2014-01-22 03:32 am (UTC)
Eos Rose: Chibieosrose on January 22nd, 2014 03:51 am (UTC)
You need to enter a related works/inspired by link. If you go to the "Associations" section and check "This work is a remix, a translation, or was inspired by another work" you get the box where you need to enter your link.
lauramcewan on January 22nd, 2014 04:05 am (UTC)
ahhh, works now! Thank you!
Finn: the paperfinneco on February 27th, 2014 03:02 am (UTC)
Yeah! I've been looking for a thing like this. Thank you for sharing.
Portdesertport on July 12th, 2015 11:39 am (UTC)
This is beautiful and so useful! Thank you for sharing it!
yokotawaruon_the_ground on May 12th, 2017 04:46 pm (UTC)
edit:found it... I'm gonna try to make it work.. thanks! :)

Edited at 2017-05-12 04:52 pm (UTC)