19 Bookmarks by Mewsmodeus (Mewzebub)

List of Bookmarks

  1. Rec 4

    Tags
    Summary

    A demonstration and instructions on how to do the following:
    1. Create a fake "end" of a fic (Author's note, kudos section, buttons, "Leave a comment" box, comment section)
    2. Make something that looks like a link in the fake comment section, which when clicked, unveils...
    3. A fic header with tags, title, etc, and as much text as you would like.

    Heads up this demonstration includes Gideon the Ninth spoilers, I just thought it'd be funny for the demonstration.

    Language:
    English
    Words:
    3,969
    Chapters:
    4/4
    Comments:
    2
    Kudos:
    12
    Bookmarks:
    4
    Hits:
    86

    30 Dec 2024

  2. Rec 67

    Tags
    Summary

    Based on gadaursan's "Fire Emblem Support Scripting" work skin, a HTML and CSS to format screenplay and scripts (or dialog-only/dialog-heavy works), but with some edits: 1) adjusted the images for smaller screens, 2) added a text box/speech bubble, 3) In version 3, added character's name.

    Language:
    English
    Words:
    1,228
    Chapters:
    3/3
    Collections:
    4
    Comments:
    17
    Kudos:
    71
    Bookmarks:
    67
    Hits:
    4,230

    24 Dec 2024

  3. Rec 20

    Tags
    Summary

    quick html / css reference to writing in-person "chats" or "skits" for your html fic , while styling the skit in a way that might fit in with your html / chat fic.

    (documenting how i did the skin for a particular fic, and a useful html guide overall)

    this is "generic", but css could be customized to fit any fandom / video game etc.
    for skits, think: tales of series, fire emblem, cookie run kingdom, etc

    Series
    Language:
    English
    Words:
    2,940
    Chapters:
    2/2
    Collections:
    4
    Comments:
    10
    Kudos:
    32
    Bookmarks:
    20
    Hits:
    2,026

    24 Dec 2024

  4. Rec 40

    Tags
    Summary

    CSS Code for the OTW 17th anniversary skin.

    Language:
    English
    Words:
    933
    Chapters:
    1/1
    Comments:
    26
    Kudos:
    140
    Bookmarks:
    40
    Hits:
    1,193

    08 Dec 2024

  5. Rec 18

    Tags
    Summary

    ever tried to download your fancily coded fanfiction for offline reading, only to find the result ugly and unreadable? let's fix that!

    (i.e., EPUB hacking for beginners.)

    Language:
    English
    Words:
    1,643
    Chapters:
    1/1
    Comments:
    2
    Kudos:
    41
    Bookmarks:
    18
    Hits:
    237

    26 Nov 2024

  6. Rec 11

    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:
    1
    Kudos:
    12
    Bookmarks:
    11
    Hits:
    244

    16 Nov 2024

  7. Rec 4

    Tags
    Summary

    Want to code in ao3? Heres how! This work will explain how and have the html and css for easy copy paste.

    Most of this code is from other people and they are credited. It shows how unique you can truly get within ao3 as a whole.

    Language:
    English
    Words:
    11,185
    Chapters:
    17/?
    Collections:
    1
    Comments:
    1
    Kudos:
    9
    Bookmarks:
    4
    Hits:
    121

    25 Oct 2024

  8. Rec 1

    Tags
    Summary

    Nine for mortal men doomed to code.

    A work skin for custom dividers for The Best of Friends (and Other Folks) Series.

    Series
    Language:
    English
    Words:
    476
    Chapters:
    1/1
    Kudos:
    1
    Bookmarks:
    1
    Hits:
    52

    15 Oct 2024

  9. Rec 10

    Tags
    Summary

    A guide on how to have some writing only appear with Creator's Style hidden, and some other writing only appear with Creator's Style shown!

    Really handy if your fic relies on Creator's Style a lot and you're worried about how it might look with its style hidden; or if you want to play around with letting the user interact with Creator's Style!

    Language:
    English
    Words:
    1,647
    Chapters:
    3/3
    Comments:
    14
    Kudos:
    14
    Bookmarks:
    10
    Hits:
    266

    13 Oct 2024

  10. Rec 10

    Tags
    Summary

    Do you want to include an AO3 fic/summary/header inside your AO3 fic but do you want to make it look identical to AO3? Well, here's the CSS for you!

    Features

    • Modular, add any of these as you want
    • Looks basically perfectly like AO3
    • Dynamic skin! (by taking AO3 CSS)
    • Compatible with AO3 skins
    Series
    Language:
    English
    Words:
    2,057
    Chapters:
    1/1
    Comments:
    8
    Kudos:
    13
    Bookmarks:
    10
    Hits:
    148

    10 Oct 2024

  11. Rec 48

    Tags
    Summary

    How to embed youtube videos on ao3 and style them to scale on smaller screens, therefore having no side scrolling (completely mobile compatible)

    Language:
    English
    Words:
    653
    Chapters:
    1/1
    Collections:
    2
    Comments:
    4
    Kudos:
    54
    Bookmarks:
    48
    Hits:
    1,285

    09 May 2024

  12. Rec 14

    Summary

    Quarantine inspired AO3 skins to use for your chat fics.

    Words:
    4,931
    Works:
    3
    Bookmarks:
    14

    05 May 2024

    Bookmarker's Notes

    FUCK YES

  13. Rec 9

    Tags
    Summary

    Some exercises in CSS that may or may not be used in actual fic later.

    Language:
    English
    Words:
    924
    Chapters:
    6/?
    Comments:
    11
    Kudos:
    23
    Bookmarks:
    9
    Hits:
    386

    05 May 2024

  14. Rec 24

    Tags
    Summary

    A list of all AO3's CSS Id and Class selectors to help you style your work.

    Language:
    English
    Words:
    562
    Chapters:
    1/1
    Comments:
    10
    Kudos:
    40
    Bookmarks:
    24
    Hits:
    1,055

    05 May 2024

  15. Rec *

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

    04 May 2024

    Bookmarker's Notes

    STUDY THIS FOR TRYHARDING LATER

  16. Rec *

    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:
    179
    Bookmarks:
    126
    Hits:
    3,886

    04 May 2024

  17. Rec 36

    Tags
    Summary

    A work skin for inserting stylized music links into your fic, ala Super Smash Bros.’ music labels at the start of each match.

    Language:
    English
    Words:
    931
    Chapters:
    2/2
    Collections:
    2
    Kudos:
    41
    Bookmarks:
    36
    Hits:
    904

    04 May 2024

  18. Rec *

    Tags
    Summary
    A guide/resource/tutorial/testing ground for HTML and CSS on AO3.

    1. HTML Basics – Manipulating text and page formatting.
    2. Links & Embeds - How to add links, images, and GIFs.
    3. Page Dividers - How to customise page dividers.
    4. Titles - How to customise work, chapter, username and link titles.
    5. Fonts - How to customise fonts.
    6. Tables - How to make tables.
    7. Borders - How to implement borders.
    8. Boxes - How to make a box.
    9. Navigations - How to use hyperlinks.
    10. Afterword - Further reading and resources.

    Series
    Language:
    English
    Words:
    12,783
    Chapters:
    11/11
    Collections:
    3
    Comments:
    186
    Kudos:
    827
    Bookmarks:
    1,099
    Hits:
    31,744

    02 May 2024

  19. Rec 75

    Summary

    This series started as just a one-shot to help people with AO3's CSS for making work skins.  Now that I've written a piece on making series (originally for a friend, but then shared to a Facebook group, so I figured why not add it to AO3), I figured that the two really should be linked for tutorial purposes.  I had no plans to do any of this at first, so maybe I'll add more in the future (Collections come to mind, and they're really easy to do).

    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]).

    Words:
    123,733
    Works:
    7
    Bookmarks:
    75

    14 Apr 2024

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