hii i was wondering what ur process was for making skins ?? i am trying to make my own but ngl the process is annoying. i have a separate tab open js to see how the changes will lookβ¦ πi need helpp ππΎππΎ
Tbh the process is annoying and very fiddly, but there a definitely ways to make the actual writing it part easier!
I use an add-on called Stylus that lets you write CSS in a pretty way, will show you most syntax errors automatically, and will update the site live as you write it. It takes nearly all the difficulty out of actually writing the theme.
I normally split my screen between AO3 and Stylus like this:
(But note that Stylus is an actually well-maintained system, so if you're planning to copy-paste the code back into the AO3, then check your theme regularly, because Stylus will accept it just fine but AO3 may find reason to throw a tantrum.)
The next thing I suggest is uBlock Origin. Its core functionality is as an Ad-Blocker, so I recommend it on that alone lmao. Google recently updated its entire service just to ban Origin on Chromium, so I heavily advise not only Firefox in general, but Firefox for AO3 theme writing.
Origin, using its element picker feature, actually lets you more accurately, well, pick the elements you want to target. It will show exactly what you're selecting, and will let you move up and down the element hierarchy to get what you want. 85% of the time it'll do better than what you'll get with inspect element.
These two together really simplify the process.
Aiiiughm if you want more tips I can give you more but purely process-wise, this be it.
Hello! I apologize if this is a presumptuous question or isn't the right place to ask, but is there a place you share the css code for your AO3 skins? I was very excited about your Hesperus skin, but I couldn't find where you might post about your skins beyond progress posts.
I'm going to be posting the new skin on GitHub in the future.
Unfortunately, Hesperus has been cancelled. There were a lot of issues with it and things I don't like, and then my computer self corrupted its entire storage and I lost pretty much everything, most of Hesperus included.
I still have an older version of it, but that specific backup didn't have any notation, which is how I remember what parts of the CSS do what, and was long before I properly optimised its layout. Not to mention, it has some bugs present that weren't there a year ago.
If you really really want it. Here's a file I just put together with all three parts. And here's all the images it's linked to. Make sure to download them all because if I ever take it down to free up space you'll have to host and re-link them yourselves.
To get the mobile overlay to work, you have to add both the tablet (set as max-width 62em) and mobile (set as max-width 42em) skin as parents to the main skin, (they overlap to get to the correct layout).
And please π don't bug me about issues with it. There's a lot. I know. Feel free to try and fix them yourselves.
Edit: The fonts used on desktop that you need to install [Josefin] [Open Sans]. Not fully needed since I've set them to default to something else, but probably the best to use since I tested the layout most with them.
Not a big fan of the pro-religious left cause it's always 'you ought to respect people's strongly held spiritual beliefs' like ok I'm not joking when I say maybe you should have more respect for my strongly held belief that none of this shit is real
actually you know what that's exactly it i would rather someone add 5 parantheticals after every sentence than use tone indicators it's 1. accomplishing SO much more in terms of clarity 2. extremely funny to look at depending on how they're used
woke up and immediately checked the news to make sure they hadn't caught him
Why on earth is the announcer now attached to the header... actually i can't even remember where i attached the header. this skin is now to the point i'm forgetting what i've jury-rigged to where,,,
I'm gonna have to yoink it from the flow of the page but god knows how I'm gonna fix the layout after that, welp.
Ao3 default icon replacements by ferager
Example images:
If you're an American that's capable of voting, and you didn't vote for Harris or didn't vote at all, then the rest of the world thinks you're a fucking idiot, including me. Unfollow <3
I feel like you guyz will like this :) i put a lot of effort into their names and color pallets and cutie marks . my current hyperfix with my first real hyperfix :) makes me happyy
He/Him β Axo β’ Gabe β’ Killie β Adult πππ β πΎπ-ππ β πΆππππ β π΄π3 β π·π΄ β π΅πππ¦ β πΊππ‘βπ’π β πΉπππβπ‘ π ππ ππππΉππππ’ππ 1 ππππππππ β πππ‘βππππππ ππππππππ
81 posts