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
-
How to make a fanfic header Ao3 Style inside your own fanfic by ElectricAlice
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
- Part 3 of CSS code scripts for Ao3
-
Murdle Work Skin by Grayswandir (gothic_gray_art)
Fandoms: No Fandom, Murdle (Video Game)
06 Sep 2022
Tags
Summary
A work skin and tutorial for creating Murdle-themed logic puzzles on AO3.
See Chapter 1 for an example of the style, Chapter 2 for how to set up the work skin, Chapter 3 for the full CSS code, Chapters 4 and 5 for an HTML tutorial on designing your own Murdle, and Chapter 6 for a premade template that you can simply copy-paste into your own work to make a basic 3x3x3 Murdle logic puzzle.
-
Murdle Work Skin by Grayswandir (gothic_gray_art)
Fandoms: No Fandom, Murdle (Video Game)
06 Sep 2022
Tags
Summary
A work skin and tutorial for creating Murdle-themed logic puzzles on AO3.
See Chapter 1 for an example of the style, Chapter 2 for how to set up the work skin, Chapter 3 for the full CSS code, Chapters 4 and 5 for an HTML tutorial on designing your own Murdle, and Chapter 6 for a premade template that you can simply copy-paste into your own work to make a basic 3x3x3 Murdle logic puzzle.
- Language:
- English
- Words:
- 14,988
- Chapters:
- 6/6
- Collections:
- 1
- Comments:
- 14
- Kudos:
- 61
- Bookmarks:
- 17
- Hits:
- 1,037
Bookmarked by Brachylagus_fandom
10 Sep 2022
Bookmarker's Tags:
Bookmarker's Notes
Murdle Work Skin by Anonymous
Fandoms: No FandomGeneral Audiences
No Archive Warnings Apply
No category
Complete Work06 Sep 2022
TagsNo Archive Warnings ApplyWork Skin CSS Meta Fanwork Research & Reference Guides murdle - Freeform
Summary
A work skin and tutorial for creating Murdle-themed logic puzzles on AO3.
See Chapter 1 for an example of the style, Chapter 2 for how to set up the work skin, Chapter 3 for the full CSS code, Chapters 4 and 5 for an HTML tutorial on designing your own Murdle, and Chapter 6 for a premade template that you can simply copy-paste into your own work to make a basic 3x3x3 Murdle logic puzzle.
-
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
-
The Nice and Accurate Guide to Footnotes by Vigs for fersh
Fandoms: Good Omens - Neil Gaiman & Terry Pratchett, Good Omens (TV)
10 Aug 2019
Tags
Summary
If you're writing fanfiction for Good Omens, you may find yourself wanting to include footnotes.
But html can be confusing. What can you do?
Read this guide to find out!
-
Tags
Summary
This is a tutorial/live example on how to make large images fit on mobile browsers but remain normal size on desktop browsers.
Series
- Part 18 of AO3 Work Skins/Tutorials
-
Tags
Summary
These differences between British and American terminology and culture below are all ones I have seen in Sherlock fic or that are likely to come up in Sherlock fic. It is not exhaustive and I know that I will think of or spot at least 10 more as soon as I post this, but it is a start. If you have read fic set in America written by a Brit you will know that these things jar and spoil the flow quite a lot, so here you go.
Series
- Part 1 of Brit-pick tips for Sherlock
-
Tags
Summary
just html things that i've learnt/know. chap 1 is pretty easy formatting, chap 2 is slightly more effort. chap 3 is specifically table of contents (links). no css is used here. i hate css.
-
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
-
Tags
Summary
How to embed audio content on AO3, plus a skin to make audio players automatically size right.
Series
- Part 2 of Podfic Meta
-
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
-
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
-
How to Override the Archive's Automated Chapter Headers by C Ryan Smith (AiedailEclipsed)
Fandoms: No Fandom
25 Nov 2018
Tags
Summary
This is a tutorial/live example on how to override the Archive's automated chapter heading system and define your own (eg remove "Chapter 1: Chapter Title" and insert "Act 1, Verse 1" instead).
-
Tags
Summary
Use this code to create a link to a specific passage or scene in the middle of a chapter.
-
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!
-
Tags
Summary
Code and Tutorial for a 2020-style reddit post.
-
Tags
Summary
This is a tutorial/live example on how to align images to the left or right of the screen and have text wrap around them.
Series
- Part 13 of AO3 Work Skins/Tutorials
-
Tags
Summary
This is a tutorial/live example on how to mimic social media in an AO3 work, specifically Twitter, Reddit, and LiveJournal.
-
How to Mimic Letters, Fliers, and Stationery Without Using Images by La_Temperanza
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
- Part 17 of AO3 Work Skins/Tutorials
-
Tags
Summary
This is a tutorial/live example on how to make large images fit on mobile browsers but remain normal size on desktop browsers.
Series
- Part 18 of AO3 Work Skins/Tutorials