9 Bookmarks by Beellegas
List of Bookmarks
-
Tags
Summary
Bored with the default page dividers? This is a tutorial/live example on how customize your page dividers with no images needed (though I do show you how you could use images if you wanted to do such a thing).
Series
- Part 9 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 2,156
- Chapters:
- 1/1
- Collections:
- 7
- Comments:
- 97
- Kudos:
- 1,614
- Bookmarks:
- 1,046
- Hits:
- 70,852
Bookmarked by Beellegas
21 Apr 2026
-
Tags
Summary
This is a live example of my AO3 skin that allows the author to recreate the look of sticky notes (aka Post-Its) in their fic. To learn more about it, you can find the tutorial here.
Series
- Part 8 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 34
- Chapters:
- 1/1
- Collections:
- 6
- Comments:
- 23
- Kudos:
- 374
- Bookmarks:
- 318
- Hits:
- 27,277
Bookmarked by Beellegas
21 Apr 2026
-
Tags
Summary
I've decided to group together a bunch of Work Skins I have found useful for my works in a single guide for easy access and comprehension. Entire explanation of how to use and apply the skins to your works are included inside.
Includes, so far:
- Basic tutorial on how to create and use a Work Skin.
- iOS Text Messages
- Music Indicators
- Wikipedia Articles
More to be added as I get around to it...PS: NONE of these Work Skins are of my creation and proper credits are attributed inside the chapters.
Bookmarked by Beellegas
20 Apr 2026
-
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:
- 16
- Kudos:
- 156
- Bookmarks:
- 169
- Hits:
- 3,925
Bookmarked by Beellegas
20 Apr 2026
-
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:
- 82
- Kudos:
- 651
- Bookmarks:
- 701
- Hits:
- 28,926
Bookmarked by Beellegas
20 Apr 2026
-
CSS in Testing by InfinitysWraith
Fandoms: Ao3 Skins - Fandom, Work Skins - Fandom, css - Fandom
18 Apr 2022
Tags
Summary
This is a flaming dumpster filled with CSS and HTML experiments. It's not instructional, but I post the code and my own explanations for both our sakes. Feel free to steal the code or ask me questions- I don't know what I'm doing. :)
(Pics are mine though)
Chapter 5 is probably what you're looking for ;)
I'm not going to say I take requests, but I'm always looking for inspiration.
It seems I've broken Ao3 yet again. I can no longer add more code to my work skin so we're moving on to part two!
Series
- Part 1 of CSS in Testing
- Language:
- English
- Words:
- 17,765
- Chapters:
- 16/16
- Comments:
- 368
- Kudos:
- 1,422
- Bookmarks:
- 1,016
- Hits:
- 46,005
Bookmarked by Beellegas
19 Apr 2026
-
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
- Language:
- English
- Words:
- 1,362
- Chapters:
- 1/1
- Collections:
- 1
- Comments:
- 8
- Kudos:
- 88
- Bookmarks:
- 104
- Hits:
- 4,106
Bookmarked by Beellegas
19 Apr 2026
-
Tags
Summary
This is a personal experiment with HTML. It is a very limited list with what I find useful (2018).
Update: Somehow I find more and more stuff useful, so this list is not that limited (and not that private) anymore. I'll improve it with time and according to my needs and interests.So far that's posted:
Part One: Basics
Part Two: Lines
Part Three: Footnotes and Links
Part Four: Columns and Skins
Part Five: Pictures
Part Six: Videos (and gifs)
Part Seven: Choose Your Own Adventure
Part Eight: Chapter Title
Part Nine: The Title, the Username, and Links
Part Ten: Kudos Message
Part Eleven: Newspaper Article
Part Twelve: Content Notes and Spoiler (with opacity and hover translations)
Part Thirteen: Playground for Jinx (glitch text, color, table)
Part Fourteen: Text generator
Part Fifteen: Boxes (still in progress)
Part Sixteen: Vertical Text
Part Seventeen: Drop-Down Transition Delay (NEW & reformed)
Part Eighteen: Automated Animation (NEWEST and No. 2 added)- Language:
- English
- Words:
- 15,861
- Chapters:
- 21/?
- Collections:
- 7
- Comments:
- 229
- Kudos:
- 1,133
- Bookmarks:
- 1,036
- Hits:
- 43,081
Bookmarked by Beellegas
19 Apr 2026
-
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
- Part 1 of Ao3 C̵̬̳͕̲̪̖̉̎̂͌̿̊̈́̅o̶̬̳͇͙̤̎̄͗̈́̓̃̔̚͜͝d̷̙̹̖̳̪̞̬̗̔͐́̏̕i̶̧͈̱̣̝̍ͅn̸̛͉̤̙̭̂̾̏̏̑̈́̀̎̅̅͂g̸̢͉͈̦͍͎̮͎̭̮̉̌́̇̄̓͜ͅͅ
- Language:
- English
- Words:
- 43,986
- Chapters:
- 21/?
- Collections:
- 2
- Comments:
- 191
- Kudos:
- 525
- Bookmarks:
- 782
- Hits:
- 26,409
Bookmarked by Beellegas
19 Apr 2026