#styletest

[halveablock]

fishmonger + small styletest

[amphibianauthor]

Ao3 HTML/Coding Resources Part II

This is the HTML/Coding for Website mimicking resources in Archive of our Own (Ao3). To find Part I where I go over the Basics, General Text HTML and some Fancy Formatting (images, dividers, columns, photos, tabs etc. CLICK HERE!

Other Websites:

Texting

-How to make iOS Text Messages on Ao3 by CodenameCarrot, La_Temperanza

-A Quick Generator for Embeddable iOS Text Messages by 221b_ee

-imessage Skin by Adzaema

-Retro imessage by Adzaema

-Basic Text Message Work Skin by ProfessorMotz

- Bubble platform [workskin] by Khashana

-Chat Log HTML by deathbymistletoe

-LINE Messenger/Chat by imperiousmarshmellow

-IDOLish Rabbit Chat Workskin by associate

-Replika workskin by FaeriMagic

-Texting Workskin to match light/dark mode by irrationalpie

Tumblr

-Tumblr style CSS Tweaks by Aposiopesis

-Ao3 Workskin Testing and Tutorials by junietuesday25 tumblr DM

-How to make Tumblr Posts on Ao3 by phyyripo

-Plain Text Social Media Platforms by anubisms

-Tumblr Post Work Skin by tsukinosaugi

Twitter

-Repository - Twitter by gadaursan

- How to mimic Social Media in an Ao3 work by aerynevenstar

-Twitter Work Skin Template by etc e tal

-Twitter Workskin: Tweets and Profile by starskin

-Twitter Mock-Up by TheBrookesNook

Ao3/Fandom

-How to mimic Authors notes and Kudos/Comment Buttons by La_Temperanza

-How to mimic AO3 Comments by bittermoons

-How to add mobile Ao3 in your fic by DemigodofAgni

-How to make a fanfic style header Ao3 style by ElectricAlice

-Template for adding post chapter content by SpookyTesting

-CSS based full Ao3 fic integration (Header/Overview, Comments, Title, Summary & Buttons) by deciMae

-How to Mimic LiveJournal Posts and Comments by cursedcuriosities

-Dreamwidth Entries & Comments Work Skin  by folk_melody 

Facebook/Instagram/Whatsapp

-Whatsapp Group Chat builder by FestiveFerret

-How to make Facebook Messenger Chat on Ao3 by ran_a_dom

-Whatsapp Work Skin Template Revamped by etc e tal

-Whatsapp group chat skin by ovely

-Instagram DMs for Ao3 by monarch_rhapsodies

-How to make Instagram DM mockup by xslytherclawx

-Penstagram chats on ao3 by deciMae

Snapchat

-Snapchat skin by Azdaema

-Snapchat Template for Ao3 by starskin

Reddit/Forum

-UPDATED Reddit Skin by diamine

-2020 Reddit Work Skin by timstokerlovebot

-Reddit Work Skin CSS & HTML by knave_of_swords

-How to mimic Social Media in an Ao3 work by aerynevenstar

-template Reddit Skin by spookedcroon

-template:Subreddit page by ireseen

-Ao3 workskin for Forum Thread by fencesit

-Ao3 workskin for Forum Thread [Expansion Pack] by AMereDream

-How to mimic 4chan posts without just taking screenshots of 4chan

Twitch/Youtube

-Mimicking Twitch Chat for fics by Ultraviollett

-Twitch Chat Work Skin by cherrari

-Workskin testing by tohmas [Youtube comments]

-Youtube Work Skin by 1864s

-Youtube Comment Section Workskin by LupaMoe

Discord/Slack/Zoom

-2023 Discord Theme Workskin by TrojanTeapot

-Discord Work Skin by unpredictableArtist

-Discord (Dark Theme) Workskin by Heterochromia_Mars

-Skin for Recreating Discord’s Server Member List by SpookyTesting

-Ao3 Workskin Testing and Tutorials by junietuesday25

-Slack Workskin by Khashana

-Zoom inspired Ao3 skin by mystyrust

Wikipedia 

-Fake Wikipedia article about a TV show: Work Skin by Anonymous 

-Wikipedia article work skin by styletests

-SCP Wiki Style Workskin by thesnager

Working Games in Ao3 Tutorials

Logic Grid Puzzle Work Skin & Tutorial by BookKeep

The Case Of The Clickable Murdle by VThinksOn

Review Sites:

Yelp Reviews by kiwiana

Amazon Reviews by kiwiana

Rate My Professor Work Skin by BookKeep

Video Game Dialog Mimics

-Dialog [workskin] by Clover_Zero

-Dialogue Workskin (with parallax BG effect) by mystyrust

-My S Ranks--System Windows by unpredictableArtist [computer dialog workskin]

-Tutorial: Ace Attorney Work Skin by QuailFence

-Among Us Ao3 skin by mystyrust

-How to Mimic Undertale Fonts on Ao3 by La_Temperanza

-Tutorial:Rain Code Work Skin by faish

-Balder's Gate 3 Documents Work Skin by Professor_Rye

-SpookyTesting has SOO many Nintendo based ones

–Mimicking Minecraft for some fics by Ultraviollett 

Runescape Right Click Menu Formatting by fennfics

How to put Z skits in your Tales fics by wingedcatgirl

How to make Honkai: Star Rail Messages by html_hell (jihnari)

Hold-hands inspired Texting skin by cursedcuriocities(SetsuntaMew)

Simple Linkshell Ao3 Work Skin by Pent – Final Fantasy XIV mimic

Homestuck Chat Clients by 77angel-skins

Workskin: Slay the Princess by ASpooky

Slay the Princess: Updated Workskin by Lilto

Misc. Sites

--How to mimic Deadpool Thinking boxes by La_Temperanza

--FetLife Skin [Work Skin] by Khashana

--Disco Elysium workskin by SarunoHadaki

--StarTrek PADD workskin by duskyspirit

--MDZS-themed letters by allollipoppins

--A Newbie's Guide to Podficcing by Adzaema [skin for podfics]

--Skin for making Character Intro Cards by SpookyTesting

--Kpop Photocards by legonerd

–OVR System Workskin by unpredictableArtist

-How to make Stylized CSS Card Links for your fics by buttertartz

-vroom vroom kachow: Formula1 Race Results Workskin by mackerel_cheese

Bonus: Ever wanted to see how crazy HTML can be on AO3? Try playing But can it run Doom? or Tropémon by gifbot

Happy Creating!

Last updated: Feb 8 2025 (Have a resource that you want to share? My inbox is open!)

View Part I with HTML Basics HERE!

[kobolding]

Im thinking of making a quick VN for artfight this year, so i a quick styletest

Im kobolding on AF too, if ye wanna follow me :3

[rensrenaissance]

Some mildly spicy fanart~ I hope that life is kind to you~ 💜 (They’re aged up; inspired by a fic, lol. Frankly I’m more a fan of fanfic than the show at this point) #miraculous #miraculousladybug #ladybug #chatnoir #kissing #drawing #digitalart #styletest #learning #lightingeffects #digitalpainting #painting https://www.instagram.com/p/CqnkG_2Owr6/?igshid=NGJjMDIxMWI=

[studiokillers]

🌈🤔 : : #studiokillers #styletest #cherry #goldiefoxx #dynamink #data1982 #jenny #news #staytuned #adventure #love #animatedband #audiovisual #fall #kickstarter2019fall #❤️ #404 #stars #illustration #freefall #wip #her #lgbtq🌈 #magicalgirl #pilot #wip #color https://www.instagram.com/p/B2pBkKbnXj4/?igshid=npwp40ttm57c

[kzenaarts]

Some art of me in bastion cus im streaming that atm uwu

[zacharymclean]

Graphic warhorse style test

[tsukopathe]

" Cuties 8": this cutie and two other recently posted were made when I was seashing a style for another project (not burried yet, I need an impulse first...) the famous adventures of Von Maus. And this style test in particular was to really "animalize" the character design. It looked like one of my guinea pig gazing at me and it was disturbing^^. still it has a fantasy touch, as his paws are bird one. and it's even more disturbing ^^ #tepidcolor #colortest #tests #styletest #inktest #colortest #findingstyle #recherchestyle #travauxpréparatoires #testcolo #artdrawing #drawingoninstagram #characterart #guineapig #guineapiglove #alcoholmarkers #traditionaldrawing #illustrate #watercolour #copicsketchmarkers #illustration #illust #birdfeet #artchallenge #artpractice #vividcolors #colorinspiration #colorpaletteinspiration #cutecharacters https://www.instagram.com/p/CCGyKyoDc2B/?igshid=9kdhoegfrakj

[justisborred]

Family portrait #orignalcharacter #procreate #styletest #workinprogress #commissionsopen https://www.instagram.com/p/CDpAXOYBqBK/?igshid=6xlwt6l4b2d9

[bruneburg]

Someone seems startled.

Twitter  • YouTube • Instagram • Patreon

[nikolasdraperivey]

View this post on Instagram

A post shared by Nikolas Draper-Ivey (@nikolasdraperivey)

Keep it simple. Learning camera stuff. Starting off light just to get the hang of it. Then I can get crazy with it. There is still so much don’t know yet. (WIP) #nikolasdraperivey #artistoninstagram #cameramovement #anime #styletest #wip #tricking #practice #anime #manga #blackanime #graffiti https://www.instagram.com/p/B1NDONEl31k/?igshid=f042au0a6int

[camiene]

❝let’s get back to the others..❞ -- style test with my oc cypress  might redesign them if i can figure out how to do colors :sob: 

[ellereneart]

Took that sketch I did a few weeks ago and tried to mess with tighter line art. I have to say, Clip studio paint tops photoshop for lines. But I think I still prefer colouring in photoshop. . . . . #illustration #portrait #fullbody #characters #myart #clipstudiopaint #lineart #colour #greyscale #styletest #illustratorsoninstagram #artistsoninstagram #comicstuff #ellereneart

[merrystar]

An attempt I made at @galaxysugarr ‘s artstyle. The shading was so difficult >< Your style is so unique and pretty. This is my sona Merry btw

[kzenaarts]

Thought I’d try out a slightly different style so heres Wyren chillin :) , later on I also figured out how to do the noise thingi I kinda like how it looks lol remember when that was everywhere .. . only just figured it out lmao.

[mudrok]