Welcome

[cesy]

This is an unofficial community for people to share skins and other nifty extras for the Archive of Our Own. Feel free to ask questions, too, if you can't find a skin that does what you want. If you need to contact a mod, comment to this post.

(Disclaimer: I'm a volunteer coder for the AO3, and helped create the skins feature, but this community is strictly unofficial.)

Comments

Looking for a simple skin

[flamingfawkes]

Hi! All I'm looking for is a simple skin that will allow me to do indents but I'm terrible at coding so I can't just create one myself. If you know of one, could please let me know? Thanks!

[thehauntress]

hi i'm new at this whole ao3 'create you own work skin' thingy and i hope you could teach me how to create my own. skin wizard was a friend from i'm starting to think that CSS format has a grudge against me that i can't begin to fathom.

huge thanks for the help!

[cesy]

It may be worth creating a fresh post to get attention from more people. What issues are you facing? Do you have any experience with CSS, or have you started looking at any online guides?

[thehauntress]

i have no experience whatsoever with CSS sadly but i did looked some stuff up but, well, i -- it's embarrassing really but i don't get it like all of it so... i was hoping you could help?

i really really appreciate this thanks!

[cesy]

Happy to help, but make it a new entry so others see it. What do you want to do? What have you tried so far?

[thehauntress]

sorry. i was trying to kind of post it but im at lost and i havent tried anything with the CSS area bec. like what i told i really dont get that stuff

[cesy]

Okay, we'll try here then if you can't create a new post. Can you explain what you want to do? What do you want the skin to look like?

[thehauntress]

okay. sorry again for the trouble im really new at this.

okay so i just wanted the skin to look like a mixture of navy blue as background, deep sky blue for text, red fox for the header and gunmetal for the accent and i know all the codes for those color so that was sort of easy i guess. anyway, uhm, i also like the text to be in bookman old style and for tab to work while writing the story. and for the title of the story to be red fox color as well. so yeah. that's about it i guess.

Basically like this but with tab and that color change for the title:

Font:Bookman Old Style Percent of browser font size:123% Work margin width:1% Vertical gap between paragraphs:2.5em Background color:#151B54 Text color:#3BB9FF Header color:#C35817 Accent color:#2C3539

Help with fonts

[chicasumi]

Hi!

I'm looking for a way to change the font of certain centered paragraphs without changing the font of the whole text or messing up the spacing of said paragraphs.

I've tried to create work skins with CSS for Courier New, that didn't fly. I managed to change the font of all the text and once I localized the font change to one paragraph, the spacing and font size went south. I don't know if I did something wrong with the CSS or if I messed up the HTML.

Courier New is the font I'd like. Any and all help is much appreciated!

I went back - well-rested - read through all available tutorials on AO3, had a session of trial and error and made it work.

[queerty]

I currently have my custom site skin (using the wizard) set to 25% for work margin width. this is perfect when I am reading on the computer, but absolutely awful when I read on mobile. is there some CSS I could stick on the skin so that the margins are 25% on my computer, but use the default margin settings while on mobile?

[cesy]

Yes, but I can't remember it right now, so it might be worth doing a new top-level post to get more attention from others.

[queerty]

thanks, will do!