A tutorial for a workskin that allows you to make text messages that look similar to the messages in MLQC!
I made an MLQC text message workskin for AO3! It’s inspired by the text messages in the game and it looks like this:
As you can see, you can scroll through the text messages. I posted a tutorial on AO3 about how to code it for your own text fic. Feel free to check it out if you’re interested! ❤️
I’ll probably be working on a LADS or Tears of Themis inspired text message workskin next! I’m looking forward to finishing them eventually. I hope you can look forward to it too :3
AO3 Skin based on @reignpage jjk fanfic "Crash Landing On That D!ck!" MDNI
A '(Guest)' pfp! I tried to put an image for account without pfp too but it broke my coding lmao
╰┈➤ thank you nan11 they had been helping me throughout the last touch working on this skin, if not then i don't think the skin would be as polished as this(they spend approximately 2 days patiently guide me).
╰┈➤ Disclaimers : This is my first AO3 skin so the coding are unorganized, first time attempted coding too, kinda nervous. I don't take request. pngs & icons are from Pinterest and Tumblr, no AI used on this skin. All fics mentioned does not belong to me, nor the beautiful dividers that i used on this post, credit to @andromeda-graphics for the dividers. I made this skin on mobile, so if other versions(iPad, laptop, etc.) are messed up, i can't help you with that😔 i'm broke. I followed this css in the beginning of my coding.
・✿ i include all 5 love interests main colors, most are more hidden, except To-Ji his color is green the same as the masterlist aesthetic so he automatically more prominent than others. There's a few easter eggs thrown around in this skin that CLOTD readers might notice.
my ao3 skins masterlist
Tutorial how to activate the skin + the code :
Copy the code i provided in this GitHub, there is a copy button at the top right(•••) of the code box. And here if you prefer Google doc.
Sign to your AO3 account, after that go to "Dashboard".
On your "Dashboard", tap on a section called "Skins".
On the "Skins" page, tap on the button labelled "Create Site Skin".
Give your site skin a unique title, i usually use 2-4 word for the skins that i saved, for example i named this CLOTD skin "EdenX Pheromones"(don't ask😹). IF YOUR SKIN NAME IS NOT UNIQUE, YOU CAN'T SAVE THE SKIN.
Paste the codes you copied from my GitHub into the "CSS" box.
When you're done, scroll to the bottom of the page and click a button labelled "Submit". This will save your site skin and take you to a new page where you can see the title of your skin as well as all of the code.
Click "My Site Skin" and you can see the skin are added, press "Use" to activate it.
LGBTQ+ color coded tags — part of my AO3 Tweaks collection
an Add-on that color-codes LGBTQ+ tags on AO3 using their corresponding pride flag colors — so you can see at a glance what identities are in a fic while you're browsing✨
covers up to 30 orientations and the code is really detailed so hopefully any related tag variation will get picked up!
How to install?
Log into AO3 and go to Dashboard → Skins → My Site Skins → Create Site Skin (or click on the link it will take you straight to it)
Give it a name, then paste the code into the CSS field
Click Submit and then Use to activate it!
Code found here :
lgbt-tags-light.css — for light themes
lgbt-tags-dark.css — for dark themes
✦ AO3 skin: Rosé Pine — Closer to Home
✦ For more Add-ons: AO3 Tweaks
Default AO3 theme preview ↓
P.S: if you are already using an AO3 Skin and want to include this Add-on, you can either:
— combine the code into your skin CSS
— or use AO3's parent skin feature to layer skins on top of each other !which is more recommended for your codes not to break!
- based on a CSS by @blackbatcats
- inspired by Highlight AO3 Tags by @mistbornhero
⋆。𓆝 𓆟 𓆞·。 Disclaimers : I only use my handphone when making this skin and not an expert so i apologize if there's some places that look odd and some texts are hard to read. Images and pngs are from Tumblr and Pinterest, i tried to pick carefully so there's no AI used. I used this, this and followed very little bits of this CSS codes. I take no request. Dividers by @huraxy-dividers @pixopix
𖦹˚𓇼˚‧ Orca and Whale–especially Humpback Whale–are known to have deep hatred towards one another. Ironically i love them both, and i want to make a skin in reverence for those beautiful creatures where they seem to coexist with each other. Blue is my favorite color and i have been in love with ocean so i'm a little bewildered how i didn't make blue/sea theme skin until now lol! Easily this is my personal favorite skin out of all the others that i made.
light mode version🦪🪸
my ao3 skins masterlist
Tutorial how to activate the skin + the code :
Copy the code i provided in this GitHub, there is a copy button at the top right(•••) of the code box. And here if you prefer Google doc.
Sign to your AO3 account, after that go to "Dashboard".
On your "Dashboard", tap on a section called "Skins".
On the "Skins" page, tap on the button labelled "Create Site Skin".
Give your site skin a unique title, i usually use 2-4 word for the skins that i saved. IF YOUR SKIN NAME IS NOT UNIQUE, YOU CAN'T SAVE THE SKIN.
Paste the codes you copied from my GitHub into the "CSS" box.
When you're done, scroll to the bottom of the page and click a button labelled "Submit". This will save your site skin and take you to a new page where you can see the title of your skin as well as all of the code.
Click "My Site Skin" and you can see the skin are added, press "Use" to activate it.
If the Whale and Orca background image in the right border makes the texts unreadable to you when reading a fic, you can make it smaller by simply find this code ↓
may i ask for a black & white piano themed skin🥹 pls & thanks !
another anon asked: i adore your skins omg and idk if u take requests but plss kindly whenever ur free can u make a skin with black polka dots theme thank u in advance!!!
these 2 reqs r pretty similar so dun mind if i combine them ^^
Bcz of this platform's limit, I can't & won't upload full pack here TT. ╰┈➤Full pack in my 【Discord】 server, join if u're interested ₍^. .^₎⟆
꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦꒷꒦︶꒷꒦︶ ๋ ࣭ ⭑꒷꒦