tutorial
This tag belongs to the Additional Tags Category.
Parent tags (more general):
This tag has not been marked common and can't be filtered on (yet).
Bookmarks which have used it as a tag:
Pages Navigation
-
CSS in Testing by InfinitysWraith
Fandoms: Ao3 Skins - Fandom, Work Skins - Fandom, css - Fandom
18 Apr 2022
Tags
Summary
This is a flaming dumpster filled with CSS and HTML experiments. It's not instructional, but I post the code and my own explanations for both our sakes. Feel free to steal the code or ask me questions- I don't know what I'm doing. :)
(Pics are mine though)
Chapter 5 is probably what you're looking for ;)
I'm not going to say I take requests, but I'm always looking for inspiration.
It seems I've broken Ao3 yet again. I can no longer add more code to my work skin so we're moving on to part two!
Series
- Part 1 of CSS in Testing
Bookmarked by GumbaBunny
08 Sep 2024
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
Impressive and detailed tutorial for coding. This is the work that got me to learn Html/Css for ao3.
Hover Effects, Css/Html Art (triforce, tablet, raven, etc.), CYOA elements, Hover to reveal or change text or images, Changing chapter names, Sliding door, Grid of colors, Website/Webpage, Popup Text, Sun hover (3+ seconds), invisible links, Background shenannigans (gif overlay, etc), Letter, Hidden Text (via css), Overlapping Text, and more.
-
The Ultimate Guide to Writing Smut Fic by QuinnAnderson 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,867
- Chapters:
- 1/1
- Collections:
- 5
- Comments:
- 644
- Kudos:
- 10,810
- Bookmarks:
- 5,923
- Hits:
- 483,388
Bookmarked by flyingmongooseattack
08 Sep 2024
Bookmarker's Tags:
Bookmarker's Notes
Title: The Ultimate Guide to Writing Smut Fic
Author: QuinnAnderson
Fandom: Original Work
URL: https://archiveofourown.info/works/955716 -
Tags
Summary
A map of the Kingdoms of Albion, based on show data, canon maps, historical maps, and a bit of fudging to get it all to fit together nicely. Canon-compliant and based circa season 2. Includes chapters on: demographics, travel on foot/by horse, and known locations.
Now contains a detailed map of the Kingdom of Camelot!
Please feel free to use this as a fannish resource!
-
Fonts, and colors, and work skins, oh my! by Charles_Rockafellor
Fandoms: css - Fandom, Work Skins - Fandom
24 Jan 2021
Tags
Summary
Explains:
● how to make a work skin;
● how to view fics' work skin rules;
● how to colorize text and circle words and highlight backgrounds (examples in head-note), and change and resize your fonts;
● how to turn all links blue-underscore automatically;
● the CSS code for diacritics to render properly, e.g.: “ầ” & “ồ” (with diacritics not superimposed), or “ị” (with underdot directly beneath, not kerned to the left), without breaking words such as “gầu” or “vịt” (using a monotype font for these letters would create gaps to each side of the ầ or the ị). Head-note has corrected examples;
● Site Skin addenda to block / shrink tags, and block authors / works;
● even a quick way (code included) to simply make a Site Skin so that you can read everything in your font of preference!Full code is included.
I read, appreciate, and reply to all of your comments — they're always welcome!
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 2 of How to
-
I try to teach Ancient Egyptian, fuckton of effort and sleeplessness of ancient times, welcome kind souls. by orphan_account for BSAtheSilentArtist, CodaAtTheEnd, CosmicEcstasy, Raq(guest), sicklysourjune, CryptoMalo
Fandoms: No Fandom
26 Oct 2021
Tags
Summary
The title says it all.
That's the story of how I give no fucks about my assignments or quizzes but sit down to teach all I know at what-the-fuck AM on AO3. And it is fucking worth it.
Basically a sleepless motherfucker is trying to teach Ancient Egyptian. Thank you so fucking much for motivating me to actually attempt such a thing. You are all kind souls.
Bookmarked by flyingmongooseattack
02 Oct 2024
Bookmarker's Tags:
Bookmarker's Notes
Title: I try to teach Ancient Egyptian, fuckton of effort and sleeplessness of ancient times, welcome kind souls.
Author: orphan_account
Fandom: No Fandom
URL: https://archiveofourown.info/works/34729282 -
Tags
Summary
Example and basic code for making some text hidden or optional on Ao3 using details and summary tags
-
Permablocking Specific Tags - Site Skin by Eli0t
Fandoms: Fandom - Fandom, AO3, No Fandom
10 Aug 2023
Tags
Summary
It finally exists. You can block any tag you want forever! You no longer need 3rd party extensions for this!
Series
- Part 1 of AO3 Skins
- Part 1 of :has() selector
-
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
-
Use HTML Chats in your fic! (NO CODING NEEDED!) by cakecats
Fandoms: 崩坏:星穹铁道 | Honkai: Star Rail (Video Game), No Fandom
22 Sep 2024
Tags
Summary
I know a lot of authors struggle with HTML so I made this web tool where you can write chats 100% visually with no code at all. All you have to do is click two buttons and the HTML will be done for you :)) The link is in the fic — enjoy!
NOTE: Only chapter 1 is needed if you want to use the tool.
-
Decorations for Fic (HTML/CSS): Fan Art, Dividers, Embedded Songs, and More by Jnsn
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.
-
Tags
Summary
This is a tutorial/live example on how to create a "Choose Your Own Adventure" fic. While this has been explained before (see here), this particular tutorial shows you how to use a work skin to hide the next parts from the reader until they click through to get to them.
Series
- Part 16 of AO3 Work Skins/Tutorials
-
Tags
Summary
Limited LINE skin for chatfic or etc.
-
Tags
Summary
Workskin to mimic the bubble platform that Korean artists use to communicate with fans.
-
Whatsapp Work Skin Template /Revamped by etc e tal (pe_pe_peperoncinocandy)
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. -
Tags
Summary
Workskin to mimic Slack.
-
Hold-hands Inspired Texting Skin by cursedcuriosities (SetsuntaMew)
Fandoms: Ensemble Stars! (Video Game)
25 Sep 2024
Tags
Summary
This is a tutorial/live example for a Hold-hands inspired texting skin, based on the look of iOS messaging.
Series
- Part 2 of Killian's AO3 Work Skins
-
Honkai: Star Rail Texting! by SarunoHadaki
Fandoms: 崩坏:星穹铁道 | Honkai: Star Rail (Video Game)
28 Nov 2024
Tags
Summary
A tutorial + code for making your fic look like text messages from Honkai: Star Rail.
-
How to create a work skin for glitch effect, mirror text, vertical text and upside down text by Goddess_of_the_arena
Fandoms: HTML - Fandom, css - Fandom, AO3 help - Fandom, Work Skins - Fandom
22 May 2025
Tags
Summary
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 the text with glitching effect similar to the Zalgo font.
CHAPTER 2 is for the mirror effect, vertical text and upside down text.
CHAPTER 3 is to create a negative mirror text effect in black and white with the text side by side.
CHAPTER 4 is to give your blockquote a colored side border, top border or bottom border (also in gradient colors), a colored background (also in gradient colors) and different margin values.Series
- Part 4 of CSS GUIDES
-
Honkai Star Rail Text Messages (AO3 Work Skin) by Pent
Fandoms: 崩坏:星穹铁道 | Honkai: Star Rail (Video Game)
30 Jul 2024
Tags
Summary
A functional, readable AO3 work skin that emulates Honkai Star Rail in game text messages, group messages, and system messages.
Series
- Part 1 of Pent's Fandom-Specific AO3 Work Skins
-
Tags
Summary
A second attempt at making a YouTube Work Skin.
Warning: Shoddy HTML+CSS ahead!