14 Bookmarked Items in Tutorials n Tips

List of Bookmarks

  1. *

    How to Make iOS Text Messages on AO3 by ,

    Fandoms: No Fandom  

    10 Apr 2016

    Tags
    Summary

    This is a tutorial/live example on how to mimic iOS text messages on AO3 without the need to use images. There's also a chapter on how to have emojis displayed on AO3 as well.

    Series
    Language:
    English
    Words:
    4,500
    Chapters:
    2/2
    Collections:
    7
    Comments:
    385
    Kudos:
    3,925
    Bookmarks:
    3,825
    Hits:
    169,639

  2. *

    AO3 Work Skins/Tutorials by ,

    Fandom Deadpool (Comics), Deadpool - All Media Types, No Fandom, Star Trek, Star Trek: Starfleet Academy (TV 2026), Undertale (Video Game)

    07 Feb 2026

    Words:
    93,564
    Works:
    21
    Bookmarks:
    4,436

  3. *

    How to create your work skins to have colored text by

    Fandoms: AO3 help - Fandom  

    22 Feb 2025

    Tags
    Summary

    This is a guide to make text in color, be it for a single word, a full paragraph, several paragraphs in a row, or even the whole chapter, also in different sizes. The tutorial also contains ready-to-use codes for you to add to your work skins.
    WARNING: all the codes in this guide were tested on a computer. I can't guarantee the effect when the work they are applied to is read on a mobile phone.
    CHAPTER 1 is for pure colored text.
    CHAPTER 2 is for text in gradient color, both linear gradient and radial gradient.
    CHAPTER 3 contains the steps to combine gradient background with gradient text. It also contains the links to each of the other guides of my CSS GUIDES series
    CHAPTER 4 contains the links to eight sites where you can create your gradients and get the ready-to-copy code to paste in the CSS code of the workskin.

    Series
    Language:
    English
    Words:
    6,032
    Chapters:
    4/4
    Collections:
    1
    Comments:
    174
    Kudos:
    411
    Bookmarks:
    278
    Hits:
    11,874

  4. *

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

    Fandoms: No Fandom  

    26 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 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 (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)
    Part Eighteen: Automated Animation (NEWEST)

    Language:
    English
    Words:
    14,866
    Chapters:
    20/?
    Collections:
    7
    Comments:
    135
    Kudos:
    744
    Bookmarks:
    732
    Hits:
    29,784

  5. *

    How to Get Dark Mode on AO3 by

    Fandoms: No Fandom  

    28 Dec 2020

    Tags
    Summary

    For anyone who wishes AO3 had dark mode, I have great news! Dark mode has been possible since 2013, you just need to know how to apply it.

    Even better news? It's easier now than it ever has been before. Tutorial inside.

     

    You need to be logged into an AO3 account for this to work.

    Series
    Language:
    English
    Words:
    288
    Chapters:
    1/1
    Comments:
    404
    Kudos:
    6,846
    Bookmarks:
    531
    Hits:
    713,508

  6. *

    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,254
    Kudos:
    6,486
    Bookmarks:
    7,471
    Hits:
    395,855

  7. *

    How to make a fanfic header Ao3 Style inside your own fanfic by

    Fandoms: Archive of Our Own, Fandom - Fandom  

    26 Sep 2020

    Tags
    Summary

    Live example and tutorial on how to insert a fanfic header + fic tags + summary in your fanfic. In perfect ao3 style.
    If you need your own fic to go extra meta.

    Series
    Language:
    English
    Words:
    714
    Chapters:
    1/1
    Collections:
    5
    Comments:
    13
    Kudos:
    218
    Bookmarks:
    158
    Hits:
    16,709

  8. *

    A Users' Guide to AO3 Tagging by

    Fandoms: AO3 Tags, Internet & Social Media (Anthropomorphic)  

    21 Jun 2013

    Tags
    Summary

    On the AO3, you're allowed to tag your works in any way you want.

    But if what you want is the tags that are most standard, most searchable, and/or most wrangler-friendly, here's a short guide on how to do it.

    Originally written in 2013. Rewritten in March 2025, to be accurate about current tags/guidelines. (If that was a long time ago for you, reader, it might be out-of-date again.)

    Series
    Language:
    English
    Words:
    2,401
    Chapters:
    2/2
    Collections:
    1
    Comments:
    61
    Kudos:
    577
    Bookmarks:
    178
    Hits:
    23,385

  9. *

    How to Mimic Letters, Fliers, and Stationery Without Using Images by

    Fandoms: No Fandom  

    27 Jul 2017

    Tags
    Summary

    This is a tutorial/live example on how to mimic the look of letters, fliers, and stationery (as well as other forms of written media) without using images. For all your epistolary fic needs.

    Series
    Language:
    English
    Words:
    3,724
    Chapters:
    1/?
    Collections:
    8
    Comments:
    136
    Kudos:
    1,696
    Bookmarks:
    1,356
    Hits:
    53,992

  10. *

    Super Awesome Learning How to Embed Place by

    Fandoms: None - Fandom  

    08 Oct 2014

    Tags
    Summary

    Embedding tutorial

    Language:
    English
    Words:
    212
    Chapters:
    1/1
    Collections:
    1
    Comments:
    4,082
    Kudos:
    8,361
    Bookmarks:
    5,307
    Hits:
    393,607

  11. *

    Tutorial on putting pictures and gif on Ao3 by for JS3639, Stuckys_baby

    Fandoms: Archive of Our Own  

    26 Aug 2019

    Tags
    Summary

    Tutorial on putting pictures and gif on Ao3

    Language:
    English
    Words:
    291
    Chapters:
    2/2
    Comments:
    467
    Kudos:
    2,580
    Bookmarks:
    902
    Hits:
    135,501

  12. 22

    Uploading gifs and pictures onto Ao3 by

    Fandoms: Yuri!!! on Ice (Anime)  

    16 Jul 2019

    Tags
    Summary

    not a work, just a test to see if/how i can put gifs on. I have a tutorial for how to upload images/gifs from dropbox, as well as my other notes on figuring out the best aspect ratio for computers and phones.

    Language:
    English
    Words:
    2,704
    Chapters:
    1/1
    Comments:
    18
    Kudos:
    35
    Bookmarks:
    22
    Hits:
    3,152

  13. *

    The Ultimate Guide to Writing Smut Fic by for kali_asleep

    Fandoms: Original Work  

    05 Sep 2013

    Tags
    Summary

    A comprehensive guide to writing both queer and het erotic fiction, written by published novelist Quinn Anderson. Includes lists of sexy words, references, and some general writing tips. Please feel free to use without credit.

    Language:
    English
    Words:
    4,878
    Chapters:
    1/1
    Collections:
    5
    Comments:
    794
    Kudos:
    13,926
    Bookmarks:
    7,369
    Hits:
    625,666

  14. *

    How to Format Pesterlogs: A Satirical Guide by

    Fandoms: Homestuck  

    15 Dec 2015

    Tags
    Summary

    This guide will help you with formatting pesterlogs using the Homestuck Work Skin. It is also very silly.

    Now featuring the Almighty Cheat Sheet of Doom - a special cut-out-and-keep sheet with every HTML code you'll ever need to be a Pestering Master.

    Language:
    English
    Words:
    3,227
    Chapters:
    3/3
    Comments:
    135
    Kudos:
    937
    Bookmarks:
    473
    Hits:
    19,886

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