10 Bookmarked Items in Coding
List of Bookmarks
-
Tags
Summary
This is a tutorial/live example on how to mimic social media in an AO3 work, specifically Twitter, Reddit, and LiveJournal.
- Language:
- English
- Words:
- 893
- Chapters:
- 1/1
- Collections:
- 4
- Comments:
- 49
- Kudos:
- 1,031
- Bookmarks:
- 918
- Hits:
- 35,298
-
Bookmark Collections:
-
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:
- 96
- Kudos:
- 1,512
- Bookmarks:
- 978
- Hits:
- 65,246
-
Bookmark Collections:
Bookmark Notes:
Only works if ''Creators Style'' is on
-
How to Make iOS Text Messages on AO3 by CodenameCarrot, La_Temperanza
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
- Part 3 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 4,500
- Chapters:
- 2/2
- Collections:
- 7
- Comments:
- 385
- Kudos:
- 3,951
- Bookmarks:
- 3,867
- Hits:
- 171,116
-
Bookmark Collections:
-
Bookmark Collections:
Bookmark Notes:
ily codename carrot
-
Bookmark Collections:
-
Tags
Summary
Hi^^ this took me so much time, but it's worth it!
-
Bookmark Collections:
-
-
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 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: Transition (NEW)
Part Eighteen: Automated Animation (NEWEST)- Language:
- English
- Words:
- 14,968
- Chapters:
- 20/?
- Collections:
- 7
- Comments:
- 139
- Kudos:
- 758
- Bookmarks:
- 740
- Hits:
- 30,084
-
Bookmark Collections:
-
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
- Part 19 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 27,843
- Chapters:
- 15/15
- Collections:
- 8
- Comments:
- 1,257
- Kudos:
- 6,503
- Bookmarks:
- 7,505
- Hits:
- 397,030
-
Bookmark Collections:
-
Bookmark Collections:
-
AO3 Work Skins/Tutorials by CodenameCarrot, La_Temperanza
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,466
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
As of April 2016, The database that stores works on A03 does not allow emoji. If you try to add an emoji it will end your story there. Any words after the emoji? Poof. Gone. This is a known, if poorly advertised, issue with the archive.
There are some workarounds; you can find them in: How to Make iOS Text messages on A03. But here? Here is for ALL THE EMOJI*.
10 chapters of emoji tables, each with the HTML for putting the emoji into your work and the CSS for putting it into your workskin. Copy-Paste baby. Copy-Paste.
*Does not contain the 2016 Unicode release. You'll have to come up with the code for pickle yourselves.
(Note, because this is 10 chapters of emoji tables, here is a link to the Index Tables (chapter 1) to speed up load times and reduce confusion if you have preferences set to "entire work.")
Series
- Part 11 of AO3 Work Skins/Tutorials
- Language:
- English
- Words:
- 33,325
- Chapters:
- 11/11
- Collections:
- 4
- Comments:
- 54
- Kudos:
- 336
- Bookmarks:
- 375
- Hits:
- 26,075
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
Primarily just where I share work skin code and discuss ways to improve the Ao3 experience, including:
- Twitter and Instagram like posts
- Non iOS messaging systems
- Avatar and image formatting for script formats.
- Search engine interfaces
- Documentation on AO3 Site SkinsSeries
- Language:
- English
- Words:
- 6,494
- Chapters:
- 12/?
- Collections:
- 7
- Comments:
- 97
- Kudos:
- 791
- Bookmarks:
- 953
- Hits:
- 39,824
-
Bookmark Tags:
Bookmark Collections:
-
Tags
Summary
a workskin for AO3 so you can have text messages in your fic look like IO7 texts!
- Language:
- English
- Words:
- 584
- Chapters:
- 2/2
- Collections:
- 1
- Comments:
- 2
- Kudos:
- 28
- Bookmarks:
- 26
- Hits:
- 2,439
-
Bookmark Collections: