1 - 20 of 31 Bookmarked Items in Html Playground

Navigation

List of Bookmarks

  1. 22

    psychosomatic by

    Fandoms: Detroit: Become Human (Video Game)  

    15 Oct 2025

    Tags
    Summary

    Cyberlife had planned extensively for the risk of deviancy with the RK800. When Markus tries to convince Connor to deviate at Jericho, Connor’s anti-deviancy program contains the problem.

    The problem being Connor’s consciousness, of course.

    Language:
    English
    Words:
    10,573
    Chapters:
    1/1
    Collections:
    1
    Comments:
    32
    Kudos:
    84
    Bookmarks:
    22
    Hits:
    712

  2. 2

    Hunt the Wumpus by

    Fandoms: Interactive Fiction | IF, Hunt the Wumpus (Interactive Fiction | IF)  

    20 Oct 2025

    Tags
    Summary

    Playable game with RNG (Random Number Generator) driven random events!

    If you don't remember this game, think back to things like Zork (or, as a poor simile, something remotely like Sir-Tech's Wizardry series in atmosphere [this version of Wumpus being far less graphics-intensive]).

    Armed with vorpal arrows and bearing lid-bags of wumpusnip and wumpuspurge of dubious effectiveness in hope of alternately luring and warding away the evil monster, will you take up the gantlet?

    Who says that CSS is 𝖍ard?
      (NB for TTS screen readers: that last word was “hard”, not “ard”, but I cheated with an “h” from an unusual Unicode range instead of CSS, so that it would remain visually odd in the Summary... and found that my testing-purpose [and sometimes laziness] freebie TTS browser extension can't read it... because of course.)

    NB 1:  HTML-structural redundancy bloated the word and chapter counts; ~15K actual words (~4K vis. by RNG) and 20 caves!

    NB 2:  More PG than G, about as graphic as Oregon Trail, but I'm not sure if that's enough to rate as Teen.

    Language:
    English
    Words:
    84,011
    Chapters:
    102/102
    Collections:
    6
    Comments:
    5
    Kudos:
    13
    Bookmarks:
    2
    Hits:
    354

  3. 2

    Testing work by

    Fandoms: Testing  

    14 Nov 2025

    Tags
    Language:
    English
    Words:
    1,437
    Chapters:
    6/?
    Comments:
    7
    Kudos:
    12
    Bookmarks:
    2
    Hits:
    118

  4. 1

    AO3 - HTML pervert sh*t by

    Fandoms: AO3 Abuse, ao3 html - Fandom, AO3 CSS, HTML - Fandom, css - Fandom, Work Skins - Fandom, Original Work  

    05 Aug 2025

    Tags
    Summary

    Всі мої збочення над кодом (частіше за все це перероблення коду інших).
    Це -НЕ- посібник, але пізніше може на нього перетворитися.

    Робота використовує перероблений - work-skin(робочу шкіру) з мого фанфіка "Prototype Amelia".

    Його код та інше я теж згодом викладу.

    Language:
    Українська
    Words:
    206
    Chapters:
    1/?
    Comments:
    5
    Kudos:
    7
    Bookmarks:
    1
    Hits:
    95

  5. 91

    changing the game by

    Fandoms: Game Changer (Web Series), Dropout TV  

    28 May 2025

    Tags
    Summary

    Welcome to Not Game Changer. Tonight's guest — you!

    An interactive Game Changer themed fanwork.

    Language:
    English
    Words:
    2,009
    Chapters:
    1/1
    Comments:
    131
    Kudos:
    389
    Bookmarks:
    91
    Hits:
    2,228

  6. *

    Decorations for Fic (HTML/CSS): Fan Art, Dividers, Embedded Songs, and More by

    Fandoms: No Fandom, Archive of Our Own  

    24 Jul 2021

    Tags
    Summary

    NON-FICTION. This work shows some examples of use of HTML/CSS to decorate a fic with art and other things. The second chapter provides the HTML for each example.

    Language:
    English
    Words:
    3,825
    Chapters:
    3/3
    Collections:
    2
    Comments:
    8
    Kudos:
    227
    Bookmarks:
    174
    Hits:
    5,453

  7. 17

    Cool Coding Kumquats by

    Fandom: No Fandom

    18 Feb 2025

    Summary

    We ride at dawn, to fight the programming errors on our screens and to tear our hair out and cry the long suffering cry.

    Words:
    8,492
    Works:
    4
    Bookmarks:
    17

  8. *

    Repository: A Collection of Work Skins and Guides by

    Fandom: Original Work, SK8 the Infinity (Anime)

    15 Sep 2024

    Summary

    All work skin guides and code written by me.

    Words:
    16,300
    Works:
    4
    Bookmarks:
    190
    • Bookmarked by GumbaBunny

      21 May 2025

      Public Bookmark

      Bookmark Tags:
      Bookmark Collections:
      Bookmark Notes:

      Really unique ways to code on ao3, especially the myth one. Very beautiful.

      Twitter and Instagram like posts, Non iOS messaging systems, Avatar and image formatting for script formats, Search engine interfaces, Documentation on AO3 Site Skins, Fire emblem chat type, google search, twitter polls and posts, site skin editing ao3 elements

  9. *

    P̶e̶r̶s̶o̶n̶a̶l̶ Experiment with HTML and CSS by

    Fandoms: No Fandom  

    03 Jan 2026

    Tags
    Summary

    This is a personal experiment with HTML. It is a very limited list with what I find useful.
    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. I just realized, this will never be "complete" and there is no final number of chapters.

    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 (NEW: Opacity)
    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: Transition (NEW)

    Language:
    English
    Words:
    14,083
    Chapters:
    19/?
    Collections:
    7
    Comments:
    124
    Kudos:
    652
    Bookmarks:
    656
    Hits:
    26,633

  10. 5

    My Code Snippets by

    Fandom: Ao3 meta - Fandom, No Fandom, Original Work

    22 Mar 2025

    Words:
    1,577
    Works:
    3
    Bookmarks:
    5

  11. *

    CSS code scripts for Ao3 by

    Fandom: Archive of Our Own, Fandom - Fandom

    05 Jun 2022

    Words:
    19,151
    Works:
    14
    Bookmarks:
    351
    • Bookmarked by GumbaBunny

      21 May 2025

      Public Bookmark

      Bookmark Tags:
      Bookmark Collections:
      Bookmark Notes:

      Various tutorials thats very helpful.

      News website, skin for dark/light mode, header, flat button, various skins, revealing spoilers, change names, highlight comments

  12. *

    How to by ,

    Fandom: AO3, AO3 CSS, AO3 help - Fandom, Chess - Fandom, Conlangs - Fandom, css - Fandom, CSS abuse - Fandom, HTML - Fandom, The Matrix (Movies), Work Skins - Fandom

    27 Jul 2025

    Summary

    This series started as just a one-shot to help people with AO3's CSS for making work skins.  Then I added a piece on making series.  Then it... snowballed.  I don't expect to add further tutorials, but I hadn't expected to write these either.  I'm calling the series complete, but who knows (one thing that keeps nudging me is to take the statistics and show how fics' half-lives vary, for example; another is putting all weird AO3 fixes into one spot).

    NB:  If you're wondering, please see How to make and fix a series on AO3 (in this series with the tutorial on CSS work skins for fonts, which made that link become underscored blue ink [assuming that your browser settings, site skin, and third party apps didn't prohibit it]).

    Cf. the CSS Abuse and HTML Tryhard collection, as a whole.

    Words:
    172,121
    Works:
    11
    Bookmarks:
    114
    • Bookmarked by GumbaBunny

      21 May 2025

      Rec

      Bookmark Tags:
      Bookmark Collections:
      Bookmark Notes:

      Want to know anything and everything about ao3? This is the place. It is almost overwhelming with how much information is in this series and other works by Charles. Have a question? Just ask them in any work.

  13. 26

    How I Style My System by for shura_alice, komengrebi

    Fandoms: 人渣反派自救系统 - 墨香铜臭 | The Scum Villain's Self-Saving System - Mòxiāng Tóngxiù  

    24 Nov 2021

    Tags
    Summary

    A few people wanted to know how I style my work so here's a few guides and useful resources to help you because I suck at explaining and I'm no expert.

    Language:
    English
    Words:
    733
    Chapters:
    1/1
    Comments:
    13
    Kudos:
    59
    Bookmarks:
    26
    Hits:
    941

  14. *

    A Complete Guide to 'Limited HTML' on AO3 by

    Fandoms: No Fandom  

    31 Oct 2025

    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
    Language:
    English
    Words:
    27,843
    Chapters:
    15/15
    Collections:
    8
    Comments:
    1,229
    Kudos:
    6,359
    Bookmarks:
    7,291
    Hits:
    388,436

  15. *

    AO3 Work Skins/Tutorials by ,

    Fandom: Deadpool (Comics), Deadpool - All Media Types, No Fandom, Undertale (Video Game)

    01 Jan 2026

    Words:
    89,170
    Works:
    20
    Bookmarks:
    4,344
    • Bookmarked by GumbaBunny

      21 May 2025

      Public Bookmark

      Bookmark Tags:
      Bookmark Collections:
      Bookmark Notes:

      19 Works of all kinds to do various things. Basically one of the first CSS HTML series on ao3 to take off.

      Newspaper Articles, Deadpool thinking boxes, ios text messaging, invisible text (highlight to reveal), playlist, linked footnotes, notebook paper, sticky notes, page dividers, fonts (undertale), all emoji, email window, text wrap around images, mimic ao3, change text when hover/tap, CYOA how to, letters, fliers, stationary, image sizing.

  16. 91

    CSS GUIDES by

    Fandom: AO3 help - Fandom, css - Fandom, HTML - Fandom, Work Skin - Fandom, Work Skins - Fandom

    22 May 2025

    Summary

    Guide 1 colored text, also with gradient effect.
    Guide 2 new fonts, in more colors, size and with gradient effect.
    Guide 3 highlight text, text boxes (also with gif borders), diary pages.
    Guide 4 glitching text similar to the Zalgo font, mirror text, vertical text, upside down text and colored blockquote.
    Guide 5 underline types, line dividers (also with emoticon/emoji).
    Guide 6 shadowed text, bordered text, 3D text, neon text.
    Guide 7 change background color, font color and/or font type of your story, either for the whole work or giving a different style to every chapter.
    Guide 8 add emoticon/emoji to story title, username, summary, notes, chapter titles.

    Words:
    32,226
    Works:
    9
    Bookmarks:
    91
    • Bookmarked by GumbaBunny

      21 May 2025

      Public Bookmark

      Bookmark Tags:
      Bookmark Collections:
      Bookmark Notes:

      Very versatile and helpful in all aspects below.

      Guide 1 colored text, also with gradient effect.
      Guide 2 new fonts, in more colors, size and with gradient effect.
      Guide 3 highlight text, text boxes, diary pages.
      Guide 4 glitching text similar to the Zalgo font, mirror text, vertical text, upside down text.
      Guide 5 underline types, line dividers (also with emoticon/emoji).
      Guide 6 shadowed text, bordered text, 3D text, neon text.
      Guide 7 change background color, font color and/or font type of your story, either for the whole work or giving a different style to every chapter.
      Guide 8 add emoticon/emoji to story title, username, summary, notes, chapter titles.

  17. 54

    How to target specific elements of your work (for work skins) by

    Fandoms: HTML - Fandom, Work Skins - Fandom, AO3 help - Fandom, No Fandom, css - Fandom  

    15 Aug 2025

    Tags
    Summary

    This is a guide to help you precisely target elements in your work skins using CSS selectors. It doesn't focus on styling or adding cool effects!! This guide teaches you how to identify and select the exact elements you want to style.

    CHAPTER 1 - Work Title
    CHAPTER 2 - Author Name
    CHAPTER 3 - Summary
    CHAPTER 4 - Notes Part 1
    CHAPTER 5 - Notes Part 2
    CHAPTER 6 - Gifts
    CHAPTER 7 - Inspired By
    CHAPTER 8 - Chapter Title
    CHAPTER 9 - Series
    CHAPTER 10 - Selecting Multiple Headings
    CHAPTER 11 - Body Text
    CHAPTER 12 - Preface Group

    Note: This guide contains custom CSS. It's not necessary for the guide, it's only cosmetic. If you want to disable it, click "Hide Creator's Style" at the top.

    Language:
    English
    Words:
    2,174
    Chapters:
    12/12
    Comments:
    55
    Kudos:
    50
    Bookmarks:
    54
    Hits:
    1,164

  18. *

    #html_cinematic_universe by

    Fandom: Danny Phantom

    01 May 2023

    Summary

    A series of semi related fics where html is used as a major part of the story telling. experimental story telling, experimental html use, and a lot of reader interactive moments in the stories are present.

    1. Caffeine Brewed: Used an existing twitter skin to experiment with. A little messy, but it was my first dip into epistolary story telling.
    2. tired quaranteens: a lot of custom skins made by me. new html gimmicks in almost every chapter. choose your own adventure segment in ch 6 and an interactive segment in ch 7
    3. do you believe in coincidences?: written in the 2nd person - an interactive game where you explore a mysterious phone and decide who it belongs to, which affects the ending you get. There's more than 1 identity reveal, especially if you get the secret ending 😉 mild references to Caffeine Brewed if you squint.
    4. the hottest topic: phantom works at hot topic, and the internet suspects he's secretly half ghost, what does that even mean anyway?
    5. of bugged boxes and blunders: the box ghost learns to think outside the box
    Words:
    28,692
    Works:
    5
    Bookmarks:
    218

  19. 8

    heark's character creator by

    Fandoms: No Fandom, HTML - Fandom, css - Fandom  

    10 May 2025

    Tags
    Summary

    Make your own character on AO3!!

    Language:
    English
    Words:
    55
    Chapters:
    1/1
    Comments:
    22
    Kudos:
    53
    Bookmarks:
    8
    Hits:
    322

  20. 3

    Over and Over (I fuck myself over) by

    Fandoms: The Dark Pictures: House of Ashes (Video Game)  

    07 Apr 2025

    Tags
    Summary

    This mission should have been simple. Should being the operative word. You had the exact location, your satellite had finally worked. Everything had led up to this moment.

    But you were wrong, the underground structure not a weapons silo but an ancient temple, buried by time. You would think that after being impaled on a stalagmite, you would be very, very dead.

    It only follows the trend that you would be very, very wrong. (Again and again and again)

    (Interactive Fiction/Choose Your Own Adventure)

    Language:
    English
    Words:
    17,127
    Chapters:
    3/?
    Comments:
    7
    Kudos:
    19
    Bookmarks:
    3
    Hits:
    352

Filters

Filter results:
Submit

Include

?
Include Ratings
Include Warnings
Include Categories
Include Fandoms
Include Characters
Include Relationships
Include Additional Tags
Include Bookmarker's Tags

Exclude

?
Exclude Ratings
Exclude Warnings
Exclude Categories
Exclude Fandoms
Exclude Characters
Exclude Relationships
Exclude Additional Tags
Exclude Bookmarker's Tags

More Options

?
?
Bookmark types
Submit

Clear Filters

Navigation