5 Bookmarked Items in HTML/CSS Tutorials and Templates (sandeeznuts)
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
- Language:
- English
- Words:
- 4,500
- Chapters:
- 2/2
- Collections:
- 7
- Comments:
- 385
- Kudos:
- 4,558
- Bookmarks:
- 4,441
- Hits:
- 200,120
-
Bookmark Collections:
-
A Beginner's Guide to HTML and CSS on AO3 by the_untamed_poet25
Fandoms: No Fandom, Fandom - Fandom, AO3, Original Work
29 Jun 2026
Tags
Summary
You've seen it. A fic formatted like a classified document. A chapter that looks like a real social media feed. An interactive game, somehow, inside an AO3 work. You clicked the kudos button. You thought: how.
This is the tutorial that answers that.
A beginner-friendly guide to HTML and CSS on AO3 — no prior coding experience required. By the end of this series, you'll know enough to write formatted fics, build your own workskins, style your entire AO3 interface, and maybe make something that makes other people stop and think how.
Series
- Part 23 of Izzy's HTML & CSS Experiments
- Part 2 of HTML/CSS AO3 Skins & Tutorials
- Language:
- English
- Words:
- 34,929
- Chapters:
- 6/?
- Collections:
- 4
- Comments:
- 139
- Kudos:
- 963
- Bookmarks:
- 1,448
- Hits:
- 25,295
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
A quick guide on how to code and use the hover to translate workskin. This feature allows readers to hover on a word or image and have it change into the translation.
If you use this and want to link back so other people can use it, too, that'd be awesome.
-
Bookmark Collections:
-
-
Tags
Summary
This is a tutorial/live example on how to mimic email windows on AO3 without the need to use images.
Series
- Part 12 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 2,551
- Chapters:
- 1/1
- Collections:
- 7
- Comments:
- 58
- Kudos:
- 659
- Bookmarks:
- 753
- Hits:
- 42,671
-
Bookmark Collections:
-
Tags
Summary
Whatsapp work skin.
- Text messages, photos, videos, voice messages, links and quotes;
- Group chats;
- Header and icons;
- Scrollable.- Language:
- English
- Words:
- 4,661
- Chapters:
- 1/1
- Collections:
- 4
- Comments:
- 70
- Kudos:
- 528
- Bookmarks:
- 566
- Hits:
- 22,445
-
Bookmark Collections: