Hii I Was Wondering What Ur Process Was For Making Skins ?? I Am Trying To Make My Own But Ngl The Process

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:

Hii I Was Wondering What Ur Process Was For Making Skins ?? I Am Trying To Make My Own But Ngl The Process

(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.

Hii I Was Wondering What Ur Process Was For Making Skins ?? I Am Trying To Make My Own But Ngl The Process
Hii I Was Wondering What Ur Process Was For Making Skins ?? I Am Trying To Make My Own But Ngl The Process

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.

More Posts from Angel-axo and Others

1 month ago

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.


Tags
7 months ago

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


Tags
7 months ago
The Sun And The Moon (Reibert Edition)
The Sun And The Moon (Reibert Edition)

The sun and the moon (Reibert edition)


Tags
6 months ago

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


Tags
5 months ago

woke up and immediately checked the news to make sure they hadn't caught him


Tags
3 months ago
Why On Earth Is The Announcer Now Attached To The Header... Actually I Can't Even Remember Where I Attached

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.


Tags
6 months ago

Your boy submitted his first DMCA takedown, I'm finally a real artist


Tags
8 months ago
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager

Ao3 default icon replacements by ferager

Example images:

Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager
Ao3 Default Icon Replacements By Ferager

Tags
6 months ago

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

4 months ago
I Feel Like You Guyz Will Like This :) I Put A Lot Of Effort Into Their Names And Color Pallets And Cutie
I Feel Like You Guyz Will Like This :) I Put A Lot Of Effort Into Their Names And Color Pallets And Cutie
I Feel Like You Guyz Will Like This :) I Put A Lot Of Effort Into Their Names And Color Pallets And Cutie
I Feel Like You Guyz Will Like This :) I Put A Lot Of Effort Into Their Names And Color Pallets And Cutie
I Feel Like You Guyz Will Like This :) I Put A Lot Of Effort Into Their Names And Color Pallets And Cutie

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


Tags
Loading...
End of content
No more pages to load
  • icestormzero
    icestormzero liked this · 7 months ago
  • echo-s-red
    echo-s-red liked this · 7 months ago
  • purgingconfetti
    purgingconfetti liked this · 8 months ago
  • thetruequeen
    thetruequeen liked this · 8 months ago
  • eclacoa
    eclacoa liked this · 8 months ago
  • ehx-keh-trah
    ehx-keh-trah liked this · 8 months ago
  • anonymouseex
    anonymouseex liked this · 8 months ago
  • topaz616
    topaz616 liked this · 8 months ago
  • salamander-spark
    salamander-spark liked this · 8 months ago
  • goofygoobston
    goofygoobston liked this · 8 months ago
  • fantasticcolordaze
    fantasticcolordaze liked this · 8 months ago
  • angel-axo
    angel-axo reblogged this · 8 months ago
angel-axo - I'm a Thing a Person Made
I'm a Thing a Person Made

He/Him – Axo β€’ Gabe β€’ Killie – Adult 𝑇𝑖𝑝 – πΎπ‘œ-𝑓𝑖 – πΆπ‘Žπ‘Ÿπ‘Ÿπ‘‘ – 𝐴𝑂3 – 𝐷𝐴 – π΅π‘†π‘˜π‘¦ – πΊπ‘–π‘‘β„Žπ‘’π‘ – πΉπ‘™π‘–π‘”β„Žπ‘‘ π‘…π‘–π‘ π‘–π‘›π‘”πΉπ‘œπ‘Ÿπ‘šπ‘’π‘™π‘Ž 1 π‘†π‘–π‘‘π‘’π‘π‘™π‘œπ‘” – π‘ƒπ‘Žπ‘‘β„Žπ‘œπ‘™π‘œπ‘”π‘–π‘ π‘†π‘–π‘‘π‘’π‘π‘™π‘œπ‘”

81 posts

Explore Tumblr Blog
Search Through Tumblr Tags