HTML/CSS Resources
(Open, Moderated)
Recent bookmarks
-
Tags
Summary
A work skin tutorial of a Google Search Suggestions page in AO3.
See Chapter 1 for examples of the work skin with 4 different suggestions types (auto-complete suggestions, recent history, related to recent searches and trending searches), Chapter 2 for an explanation of the CSS work skin, Chapter 3 for the complete CSS code of the work skin, Chapter 4 for explanations of the HTML code and Chapter 5 for the complete HTML code (all 4 types of suggestions).
- Language:
- English
- Words:
- 2,667
- Chapters:
- 5/5
- Collections:
- 2
- Comments:
- 13
- Kudos:
- 106
- Bookmarks:
- 94
- Hits:
- 1,938
Bookmarked by marriedthediamond
20 Jul 2025
Bookmarker's Collections:
Bookmarker's Notes
Code used for Kierweb searches
-
Tags
Summary
Make text appear when you click a "button"
Chapter 2: Simple tweaks to existing email and stationery skins- Language:
- English
- Words:
- 1,712
- Chapters:
- 3/?
- Collections:
- 3
- Comments:
- 2
- Kudos:
- 46
- Bookmarks:
- 34
- Hits:
- 2,223
Bookmarked by marriedthediamond
12 Jul 2025
Bookmarker's Collections:
Bookmarker's Notes
Code used for quiz
-
Tags
Summary
iMessage as it looks in iOS 7 to present.
Series
- Part 1 of Azdaema's AO3 Messaging Skins
- Language:
- English
- Words:
- 2,610
- Chapters:
- 11/11
- Collections:
- 3
- Comments:
- 24
- Kudos:
- 357
- Bookmarks:
- 351
- Hits:
- 20,510
Bookmarked by marriedthediamond
11 Jul 2025
Bookmarker's Collections:
Bookmarker's Notes
Code used for text message interactions
-
(if my wishes came true) it would have been you by TheDescension
Fandoms: Avatar: The Last Airbender
06 May 2021
Tags
Summary
Katara overshares on the internet. Zuko makes it a point to only lurk. Good thing there's nothing tying their online adventures to their real lives — right?
Or, Katara and Zuko have something of a history, and when they reconnect after months of silence, there could be more going on behind the scenes than they realize.
[Graphic Format: Uses HTML and CSS]
Series
- Part 1 of (if my wishes came true) it would have been you
- Part 1 of blue ticks, red hearts
- Language:
- English
- Words:
- 36,349
- Chapters:
- 16/?
- Comments:
- 1,671
- Kudos:
- 1,278
- Bookmarks:
- 248
- Hits:
- 30,092
Bookmarked by marriedthediamond
05 Jul 2025
Bookmarker's Collections:
Bookmarker's Notes
My friend's incredible html/css fic that inspired me to get into coding myself and write Media Circus! Highly recommend giving it a read if you like ATLA/Zutara :)
-
Tags
Summary
This is a live example and the HTML/CSS for a work skin I pieced together to mimic a mobile Spotify playlist! Perfect for chatfics, showing what your character is listening to, having your ship exchange love songs, etc. It is not an embed and can't actually play music, but you can link songs.
- Language:
- English
- Words:
- 667
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 1
- Kudos:
- 15
- Bookmarks:
- 13
- Hits:
- 611
Bookmarked by marriedthediamond
01 Jul 2025
Bookmarker's Collections:
Bookmarker's Notes
Code used for Spotify playlists