1 - 20 of 154 Bookmarks by Issa_bot
Navigation
List of Bookmarks
-
Tags
Summary
Assorted HTML Projects I have been working on. Some of them are still WIPs, but I figured I'd share anyway.
Things currently contained:
a CD
a Polaroid
a scrolling phone conversation
a receipt
some floppy disks
a VHS tape
a library card
a post card
many many hours of labor interspersed with screaming
a cassetteSeries
- Part 1 of Misuse of Company Time
- Part 6 of HTML Hatecrimes
-
Tags
Summary
Whatsapp work skin.
- Text messages, photos, videos, voice messages, links and quotes;
- Group chats;
- Header and icons;
- Scrollable. -
Tags
Summary
Want to code in ao3?
Heres how!
This work will teach you how to code on ao3 from simple to more advanced techniques.
Some code featured in this work is credited to their respected authors, so be sure to check them out as well!
Series
-
How to put pictures and gif on A3O from Google Drive (yes, yes you can) by gally_hin
Fandoms: No Fandom
17 Dec 2020
Tags
Summary
This is a complementary tutorial on how to add images on a3o images from Google Drive and how to fit its on all browsers/mobiles
-
Tags
Summary
Newspaper work skin with responsive columns so it works on desktop AND mobile baby!
Series
- Part 2 of Works Skins
-
Tags
Summary
A short & sweet guide to a work skin (and the associated HTML) that allows readers to choose from a list of given names for a character and select which one they want the work to use.
Series
- Part 3 of Frontend Shenanigans
-
Tags
Summary
A companion to Repository. A comprehensive guide to coding focused solely on emulating Twitter posts for fun or for archiving Twitter fics, up to and including:
- Quote Retweets
- Embedded Images
- Twitter PollsSeries
-
How to customize the first letters and first lines in your works and in your siteskins by Goddess_of_the_arena
Fandoms: AO3 help - Fandom
14 Apr 2026
Tags
Summary
This little guide will focus on the ::first-letter and ::first-line pseudo elements, suggested to me by user PeterLinderman in a comment. I experimented quite a bit on them and found out how to apply them in a lot of ways, both for workskins and siteskins.
CHAPTER 1: how to use the ::first-letter pseudo element in the whole work.
CHAPTER 2: using the ::first-line pesudo element in the whole work.
CHAPTER 3:using a different first-letter and first-line style for each chapter.
CHAPTER 4: how to have a first letter or first line in a matching text style with the line divider or blockquote.
CHAPTER 5: applying the codes to the work title, username, chapter title, summary and notes.
CHAPTER 6 (new): how to make the first letter/first line of each paragraph in a different style using the div command and the nth-child element.
CHAPTER 7 (formerly chapter 6): how to use the ::first-letter and ::first-line in a siteskin and even change the style of the work you're reading through your siteskin.Series
- Part 9 of Goddess_of_the_arena's CSS Playground
- Part 9 of CSS GUIDES
-
How to create a work skin for glitch effect, mirror text, vertical text, upside down text and colored blockquote by Goddess_of_the_arena
Fandoms: HTML - Fandom, css - Fandom, AO3 help - Fandom, Work Skins - Fandom
22 May 2025
Tags
Summary
WARNING: all the codes in this guide were tested on a computer. I can't guarantee the effect when the work they are applied to is read on a mobile phone.
CHAPTER 1 is for the text with glitching effect similar to the Zalgo font, also in color, with different fonts and highlighted.
CHAPTER 2 is for the mirror effect, vertical text and upside down text, also in color, with different fonts and highlighted.
CHAPTER 3 is to create a negative mirror text effect (here in black and white) with the text side by side.
CHAPTER 4 is to give your blockquote a colored side border, top border or bottom border (also in gradient colors or using an image), a colored background (also in gradient colors) and different margin values.Series
- Part 4 of CSS GUIDES
- Part 4 of Goddess_of_the_arena's CSS Playground
-
Tags
Summary
This is a tutorial and live-example on how to use CSS skins and HTML on AO3 to make some stylish card links that move around and look pretty cool when you hover your cursor over them :)
Series
-
Work Skin | Where the Custom Dividers Lie by SkinsBW (BetoWrites)
Fandoms: No Fandom, The Lord of the Rings: The Rings of Power (TV 2022)
22 Mar 2024
Tags
Summary
A work skin for custom dividers for The Best of Friends (and Other Folks) Series.
Series
- Part 2 of Work Skins
-
Tags
Summary
A guide to an AO3 work skin to change the colors of various pieces of text in your fanfiction. Uses HTML. This can turn hyperlinks blue, for instance.
-
Tags
Summary
A work skin for screenplays (and other scripts).
Series
- Part 3 of Work Skins
-
Tags
Summary
A work skin for galleries, portfolios, artworks, and such.
Series
- Part 4 of Work Skins
-
Tags
Summary
Trying out css and html things so I can make a fic—not sure what type of fic.
Maybe a full on social media fic… or just for a few things here and there… I don’t really know, but it’s here and I can’t wait to use it!
-
Tags
Summary
A work skin tutorial of a Rate My Professor page in AO3 (old UI).
See Chapter 1 for examples of the work skin, Chapter 2 for the complete CSS code of the work skin and step-by-step instructions on how to use a work skin, Chapter 3 for the HTML code template and Chapter 4 for explanation on how it all works.
-
Tags
Summary
Freminet was taught not to talk back. But to his parents, ‘talking back’ had no real meaning except talking when they didn’t want to hear his voice.
or: major moments in Freminet’s life throughout the years
Bookmarked by Issa_bot
24 Apr 2026
-
Tags
Summary
Lynette looked over at Lyney again. He was still completely fine… But what was this sinking feeling in her stomach? The chill of the night was making the fur on her tail stand on end, her ears on a swivel as the wind picked up. Something wasn’t right. She had to be missing something. Who could be in danger? She shivered, and the answer surfaced in her mind like a bubble in water.
Freminet.
—————————————
Or; Lynette hears a voice in the middle of the night. She decides to listen.Bookmarked by Issa_bot
08 Apr 2026
-
How to Override the Archive's Automated Chapter Headers by C Ryan Smith (AiedailEclipsed)
Fandoms: No Fandom
25 Nov 2018
Tags
Summary
This is a tutorial/live example on how to override the Archive's automated chapter heading system and define your own (eg remove "Chapter 1: Chapter Title" and insert "Act 1, Verse 1" instead).
-
Tags
Summary
[this is an updated version of one of my older workskins!] The perfect workskin for when your character is scrolling through Youtube. I've made it to work well with the workskin disabled, and to look more seamless in fics.
Series
- Part 3 of AO3 workskins