9 Bookmarked Items in Useful CSS code
List of Bookmarks
-
Whatsapp Work Skin Template /Revamped by etc e tal (pe_pe_peperoncinocandy)
Fandoms: No Fandom
21 Apr 2023
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:
- 58
- Kudos:
- 372
- Bookmarks:
- 366
- Hits:
- 14,046
-
Bookmark Collections:
-
Tags
Summary
A little something to help people with coding for their works, notes, and summaries. No work skins are needed for any of these.
-
Bookmark Tags:
Bookmark Collections:
-
-
Tags
Summary
Twitter work skin.
- Tweets, quote-tweets, images, polls...;
- DM's, text, emojis, images, voice messages, groupchats...;
- Scrollable version.- Language:
- English
- Words:
- 2,046
- Chapters:
- 1/1
- Collections:
- 4
- Comments:
- 29
- Kudos:
- 207
- Bookmarks:
- 193
- Hits:
- 8,206
-
Bookmark Collections:
-
How to Make Honkai: Star Rail Chat Messages by html_hell (jihnari)
Fandoms: 崩坏：星穹铁道 | Honkai: Star Rail (Video Game), No Fandom
13 Jan 2025
Tags
Summary
This is a tutorial on how to mimic HSR chat messages on AO3.
- Language:
- English
- Words:
- 2,714
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 6
- Kudos:
- 67
- Bookmarks:
- 26
- Hits:
- 1,111
-
Bookmark Collections:
-
Toggle for all caps, all lowercase, and capitalization by DoctorDizzyspinner
Fandoms: No Fandom, Ao3 meta - Fandom
22 Mar 2025
Tags
Summary
It's not a good idea to write in all caps or all lowercase. See: Use CSS Text Transform for Better Accessibility and text-transform - CSS: Cascading Style Sheets | MDN.
This provides free to use CSS for both
text-transformand a toggle for turning these styles on and off so that the reader does not have to turn off the entire workskin if they do not want to see all caps or all lowercase words.Series
- Part 3 of My Code Snippets
-
Bookmark Collections:
-
Tags
Summary
There are some great quick-and-dirty guides to HTML on A03. This is not one of them - it is a comprehensive guide
It's now 2025, a decade later. A03 supports some new HTML and and we're all walking around reading fic on supercomputers that fit in a jean pocket. It was time update this and take a crack at finishing it. (Links and Images are in, the new Audio and Video tags are not.)
The previous three chapters have been divided into smaller concepts. Each tag continues to have - at a minimum - a link to the w3schools page about it (so you can learn more), a code example, and the result of the code example. Most tags have their attributes, things like [src] or [title], listed and examples of how using the attributes modify the tags.
There's a chapter on Bad Ideas, including how some of the archive's default CSS is available to you to format your work (users can't turn that off by hiding a workskin!)
Oh. And I added a bunny army. You could learn how to add one too.
/)/) /)/) /)/) (..) (..) (..) *( ) *( ) *( )
Series
- Part 19 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 27,843
- Chapters:
- 15/15
- Collections:
- 8
- Comments:
- 1,254
- Kudos:
- 6,479
- Bookmarks:
- 7,459
- Hits:
- 395,406
-
Bookmark Collections:
-
Tags
Summary
"We do this not because it is easy, but because we thought it would be easy"
A completely normal tutorial for making a digital timer on ao3.
-
Bookmark Collections:
-
-
Tags
Summary
A workskin to mimic the website FetLife, which is Facebook for kinky people.
- Language:
- English
- Words:
- 11,149
- Chapters:
- 3/3
- Collections:
- 2
- Comments:
- 4
- Kudos:
- 13
- Bookmarks:
- 9
- Hits:
- 1,315
-
Bookmark Collections:
Bookmark Notes:
LOVE
-
Tags
-
Bookmark Tags:
Bookmark Collections:
-