1 - 20 of 47 Bookmarked Items in html and css inspirations

Navigation

List of Bookmarks

  1. 16

    Style Your Story: Add an Open Book or Journal by

    Fandoms: No Fandom  

    16 Jun 2026

    Tags
    Summary

    This is a tutorial for inserting a responsive open book or journal into your work. We will be using HTML and CSS as well as two optional image files. Code is ready for use, but there is also a very detailed explanation of the lines of code used for those who would like to edit or troubleshoot.

    Language:
    English
    Words:
    9,540
    Chapters:
    1/1
    Comments:
    27
    Kudos:
    18
    Bookmarks:
    16
    Hits:
    366
    • Bookmarked by mystyrust

      17 Jun 2026

      Public Bookmark

      Bookmark Collections:
      Bookmark Notes:

      imagine this skin and a gravity falls fic (the journals)
      think about page flipping (likely not possible on ao3 but still investigate)

  2. 12

    windows9ao3 by

    Fandoms: Original Work  

    07 Feb 2026

    Tags
    Summary

    2001. (Where is the moon?)

    You are walking home from a party. You find a computer on the sidewalk. You take it with you.

    It couldn't be older than a year or two. You boot it up. Your keyboard doesn't work.

    The login prompt is pre-filled. What would you find? What will you find?

    Enter.

    Language:
    English
    Words:
    50,887
    Chapters:
    1/1
    Collections:
    1
    Comments:
    8
    Kudos:
    43
    Bookmarks:
    12
    Hits:
    626

  3. 93

    HTML/CSS Shenanigans by

    Fandoms: No Fandom  

    21 Feb 2026

    Tags
    Summary

    Assorted HTML Projects I have been working on. Some of them are still WIPs, but I figured I'd share anyway.

    Things currently contained:
    a CD
    a Polaroid
    a scrolling phone conversation
    a receipt
    some floppy disks
    a VHS tape
    a library card
    a post card
    many many hours of labor interspersed with screaming
    a cassette

    Series
    Language:
    English
    Words:
    12,441
    Chapters:
    12/?
    Collections:
    1
    Comments:
    17
    Kudos:
    134
    Bookmarks:
    93
    Hits:
    3,277

  4. 25

    Digital Clock Tutorial by

    Fandoms: HTML - Fandom  

    01 Apr 2025

    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.

    Language:
    English
    Words:
    1,475
    Chapters:
    2/2
    Comments:
    35
    Kudos:
    131
    Bookmarks:
    25
    Hits:
    1,253

  5. 35

    How to Make Stylized CSS Card Links for your Fics by

    Fandoms: No Fandom  

    24 Mar 2024

    Tags
    Summary

    This is a tutorial and live-example on how to use CSS skins and HTML on AO3 to make some stylish card links that move around and look pretty cool when you hover your cursor over them :)

    Series
    Language:
    English
    Words:
    2,923
    Chapters:
    3/3
    Comments:
    18
    Kudos:
    49
    Bookmarks:
    35
    Hits:
    1,214

  6. 19

    The Case of the Clickable Murdle by

    Fandoms: Murdle (Video Game)  

    25 Oct 2023

    Tags
    Summary

    A template for making a playable Murdle with an interactive grid and cards.

    Language:
    English
    Words:
    10,188
    Chapters:
    4/4
    Collections:
    1
    Comments:
    4
    Kudos:
    47
    Bookmarks:
    19
    Hits:
    1,363

  7. *

    [template] Reddit Skin by

    Fandoms: No Fandom  

    28 Aug 2021

    Tags
    Summary

    A Reddit template for use on AO3.

    Language:
    English
    Words:
    2,841
    Chapters:
    4/4
    Collections:
    2
    Comments:
    50
    Kudos:
    383
    Bookmarks:
    317
    Hits:
    15,460

  8. 69

    Eiko, Reply by

    Fandoms: パリピ孔明 | Paripi Koumei | Ya Boi Kongming! (Anime)  

    27 May 2022

    Tags
    Summary

    A look into Tsukimi Eiko's life after meeting Kongming, told through her phone.

    Language:
    English
    Words:
    7,320
    Chapters:
    1/1
    Comments:
    56
    Kudos:
    367
    Bookmarks:
    69
    Hits:
    4,277

  9. 22

    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:
    22

  10. 58

    AO3 Workskin for Forum Thread【EXPANSION PACK】 by

    Fandoms: No Fandom  

    10 Mar 2023

    Tags
    Summary

    An expansion to the existing forum skin by fencesit.

    Language:
    English
    Words:
    1,978
    Chapters:
    2/2
    Comments:
    11
    Kudos:
    51
    Bookmarks:
    58
    Hits:
    2,197

  11. 44

    Tutorial: Ace Attorney Work Skin by

    Fandoms: 逆転裁判 | Gyakuten Saiban | Ace Attorney  

    19 May 2023

    Tags
    Summary

    - A work skin that you can use to make dialogue, evidence, and other boxes in the style of Ace Attorney.
    - Some parts of the code are from this skin by apolloyoostice

    1. Demonstration
    2. How to make the work skin
    3. Format: Dialogue, thoughts, and evidence boxes
    4. Format: Testimonies
    5. Format: Autopsy reports
    6. Format: Profiles

    Language:
    English
    Words:
    1,154
    Chapters:
    6/6
    Collections:
    4
    Comments:
    7
    Kudos:
    96
    Bookmarks:
    44
    Hits:
    3,021

  12. 71

    Twitch Chat Work Skin by

    Fandoms: No Fandom  

    17 Feb 2023

    Tags
    Summary

    A work skin that imitates the style of Twitch.tv's chat box. (Kinda.)

    Language:
    English
    Words:
    2,373
    Chapters:
    2/2
    Comments:
    14
    Kudos:
    98
    Bookmarks:
    71
    Hits:
    3,202

  13. 64

    Nethack Sokoban by

    Fandoms: Nethack (Video Game), AO3 Abuse  

    01 Apr 2024

    Tags
    Summary

    A very normal and fun Sokoban game that doesn't ever call into question what it all means. You feel relaxed!

    Language:
    English
    Words:
    2,140
    Chapters:
    1/1
    Comments:
    49
    Kudos:
    301
    Bookmarks:
    64
    Hits:
    3,198

  14. 7

    Pseudo-VN by

    Fandoms: No Fandom  

    31 Jan 2022

    Tags
    Summary

    Experimenting with work skins to create a visual novel experience on AO3.

    Language:
    English
    Words:
    171
    Chapters:
    2/2
    Comments:
    1
    Kudos:
    21
    Bookmarks:
    7
    Hits:
    610

  15. 50

    Logic Grid Puzzle Work Skin & Tutorial by

    Fandoms: No Fandom  

    26 Sep 2022

    Tags
    Summary

    A work skin and tutorial for logic grid puzzles on AO3. This tutorial includes 2 versions of a logic grid puzzle: a basic version (printable!) and an interactive puzzle grid!

    See Chapter 1 for an overview of the style with annotations, Chapter 2 for an explanation of how it all works (including a tutorial on making the grid printable, hiding the solution table behind a spoiler block and how to make the grid interactive), Chapter 3 for the full CSS code for easy copy-pasting, Chapters 4 and 5 for an example of an interactive 3x3x3 logic grid with the HTML code, Chapters 6 and 7 for a basic 3x3x3 grid and Chapters 8 and 9 for a 4x4x4 logic puzzle grid.

    All the puzzles that appear in this tutorial are solvable and the solutions are included here!

    Language:
    English
    Words:
    5,516
    Chapters:
    9/9
    Collections:
    1
    Comments:
    11
    Kudos:
    68
    Bookmarks:
    50
    Hits:
    1,544

  16. *

    Making a variable-width tooltip for mobile and desktop by

    Fandoms: No Fandom  

    14 Apr 2022

    Tags
    Summary

    For everyone who wants to use a language in their fic, and provide a translation, making it friendly for mobile and desktop, and something that's fairly easy without needing every possible translation included in the workskin itself, here you go.

    Language:
    English
    Words:
    643
    Chapters:
    1/1
    Comments:
    33
    Kudos:
    159
    Bookmarks:
    107
    Hits:
    2,857

  17. *

    Whatsapp Work Skin Template /Revamped by

    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:
    71
    Kudos:
    554
    Bookmarks:
    597
    Hits:
    24,452

  18. 74

    Fake Wikipedia Article about TV Show: Work Skin by Anonymous

    Fandoms: No Fandom  

    09 Feb 2023

    Tags
    Summary

    A mock-up of a fake article about a TV series, with CSS and HTML code and a brief guide on how to use it.

    Language:
    English
    Words:
    3,498
    Chapters:
    2/2
    Collections:
    1
    Comments:
    7
    Kudos:
    70
    Bookmarks:
    74
    Hits:
    2,382

  19. *

    Discord Work Skin & Tutorial by

    Fandoms: No Fandom  

    04 Oct 2022

    Tags
    Summary

    A work skin and tutorial for a Discord chat in AO3. The Discord page is available in light and dark mode!

    See Chapter 1 for examples of the work skin, Chapter 2 for a tutorial on how to set up your HTML page and explanations on the code, Chapter 3 for HTML templates for easy copy-pasting and Chapter 4 for the complete CSS code of the work skin.

    Language:
    English
    Words:
    7,929
    Chapters:
    4/4
    Collections:
    3
    Comments:
    52
    Kudos:
    252
    Bookmarks:
    233
    Hits:
    7,577

  20. *

    Learn to (Microsoft) Excel by

    Fandoms: No Fandom  

    08 Jan 2020

    Tags
    Summary

    A tutorial for creating and formatting spreadsheets in AO3, using CSS and HTML.

    Language:
    English
    Words:
    4,701
    Chapters:
    2/2
    Comments:
    11
    Kudos:
    117
    Bookmarks:
    102
    Hits:
    3,647

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

Word count
?
?
Bookmark types
Submit

Clear Filters

Navigation