1 - 20 of 22 Bookmarks by pocketsofstars
Navigation
List of Bookmarks
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
Fandoms: No Fandom
10 Apr 2016
Tags
Summary
This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.
Series
- Part 3 of AO3 Work Skins/Tutorials
-
Tags
Summary
Have you ever wanted to put a Tumblr post in your fic? Even if you haven't, you now can!
This is a tutorial on how to mimic different Tumblr post types using a work skin, without using screenshots.
-
Tags
Summary
Based on phyripo's guide, with some usability improvements made to reblogs and photoset creation.
-
Tags
Summary
A tutorial + live example on how to add Gmail-esque emails into your fic using CSS and HTML.
Series
- Part 3 of Cool Coding Kumquats
-
I’ll tell them put me back in it (and I would do it again) by paleredheadinascifi
Fandoms: 9-1-1 (TV)
04 Feb 2025
Tags
Summary
Eddiaz is listening to the slowburn friends to lovers playlist
Eddiaz listened to the POV you’re falling in love with your best friend playlist
Eddiaz listened to the sad gay yearning hours playlist
Eddiaz listened to the he was my best friend and that was the worst part playlistOr, Eddie doesn't know how to make his listening history private. Buck doesn't know what to do with the words in front of his eyes. Chris cannot believe he has to deal with either of them.
-
Late Bloomer by sparklepocalypse for FloatingBell
Fandoms: Red White & Royal Blue (2023), Red White & Royal Blue - Casey McQuiston
18 Mar 2024
Tags
Summary
Alex Claremont-Diaz is sixteen years old, and he hasn’t presented. His dad seems to think it’s fine and offers Alex regular reassurance that his cousin Angel hadn’t presented until nearly 20. His mom, though, gets a little crease between her eyebrows whenever she thinks Alex isn’t looking. Presenting is a Big Deal in the Claremont family, and Alex just... hasn’t.
So Alex is sixteen, and he’s… a boy. That’s it. Just a boy. Not a boy and an alpha like his friend Marco, or a boy and an omega like his friend Noah. Just a boy.
- Language:
- English
- Words:
- 22,763
- Chapters:
- 1/1
- Comments:
- 169
- Kudos:
- 1,584
- Bookmarks:
- 398
- Hits:
- 24,367
Bookmarked by pocketsofstars
30 Jan 2025
-
Tags
Summary
Primarily just where I share work skin code and discuss ways to improve the Ao3 experience, including:
- Twitter and Instagram like posts
- Non iOS messaging systems
- Avatar and image formatting for script formats.
- Search engine interfaces
- Documentation on AO3 Site SkinsSeries
-
Tags
Summary
This is a tutorial on how to create Twitter / X templates for AO3, includes both Tweets and profile card.
- Scalable so it's also accessible to mobile users.
- Tweets (chapter 1): text, tags, quote tweet, photo(s), replies, verified checkmark.
- Profile card (chapter 2): displays a user's profile as shown on Twitter.
- Please let me know if there are bugs and/or requests.Ao3 Twitter Template Generator now available! (Made possible by the amazing Anlanther): Now you only have to fill in your text and copy-paste the generated code!
-
Tags
Summary
I deconstructed Heterochromia_Mars's Discord skin and reconstructed a new one that should work slightly better on screens of all sizes, especially mobile screens.
Note: Please check Chapter 3 for CSS code whenever the skin updates!
-
Public Bookmark 256
Mystery Work
Part of AZRAELRIEGO
Summary
This is part of an ongoing challenge and will be revealed soon!
-
AO3 Work Skin for In-Universe Investigative/Mission Report With Redaction by wafflelate
Fandoms: No Fandom
10 May 2020
Tags
Summary
This work provides the CSS and HTML necessary to make a fanfiction look like an investigative report or mission report, suitable for a variety of fandoms and purposes.
-
How to make a News Website Article skin on Ao3 by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
26 Dec 2019
Tags
Summary
Live example and tutorial for a news article extract that include website header, fake social media buttons, title and author of the article.
Series
- Part 1 of CSS code scripts for Ao3
-
Tags
Summary
Whatsapp work skin.
- Text messages, photos, videos, voice messages, links and quotes;
- Group chats;
- Header and icons;
- Scrollable. -
Tags
Summary
Youtube Comment section Workskin.
-
Tags
Summary
Live example and tutorial on how to include an Amazon product review in your work.
Series
- Part 1 of AO3 Work Skins
-
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).
-
Hold-hands Inspired Texting Skin by cursedcuriosities (SetsuntaMew)
Fandoms: Ensemble Stars! (Video Game)
25 Sep 2024
Tags
Summary
This is a tutorial/live example for a Hold-hands inspired texting skin, based on the look of iOS messaging.
Series
- Part 2 of Killian's AO3 Work Skins
-
Tags
Summary
What it says on the tin.
A mock-up of instagram direct messages without having to use screenshots.
- Language:
- English
- Words:
- 601
- Chapters:
- 1/1
- Collections:
- 4
- Comments:
- 15
- Kudos:
- 121
- Bookmarks:
- 134
- Hits:
- 8,185
Bookmarked by pocketsofstars
13 Dec 2024
Bookmarker's Tags:
Bookmarker's Notes
instagram dm code using html and css