10 Works in Non-Fandom Formatting Guides

Listing Works

  1. Tags
    Summary

    Plain text formats (aka that use only HTML, no CSS) for an assortment of different social media websites and post formats. No work skin required!

    Formats covered so far:
    Twitter - profile + two tweet formats
    Instagram - profile + post (no images; text-based/image description format)
    Tumblr - text post format

    Will be updated progressively.

    Series
    Language:
    English
    Words:
    1,138
    Chapters:
    3/?
    Collections:
    2
    Comments:
    6
    Kudos:
    18
    Bookmarks:
    9
    Hits:
    218
  2. Tags
    Summary

    A fairly simple CSS skin and html guide for a basic newspaper layout. Compatible with long articles.

    Features:

    • Evenly split columns with no uneven text alignment at the top
    • Column divider
    • Very simple to code and use!
    Series
    Language:
    English
    Words:
    1,324
    Chapters:
    1/1
    Collections:
    2
    Kudos:
    21
    Bookmarks:
    5
    Hits:
    166
  3. Tags
    Summary

    Documentation/Examples for the CSS workskin and HTML code for a Wikipedia article inspired layout to use in your mixed media works.

    Created with help from Nautilusopus and DarthTofu.

    Language:
    English
    Words:
    1,939
    Chapters:
    4/4
    Collections:
    5
    Comments:
    6
    Kudos:
    65
    Bookmarks:
    78
    Hits:
    1746
  4. Tags
    Summary

    A simple text message format that retains basic readability even without skins enabled. Please feel free to use. Instructions included, some assembly required ;) Please feel free to comment if you have any questions or issues.

    Language:
    English
    Words:
    667
    Chapters:
    1/1
    Collections:
    4
    Comments:
    10
    Kudos:
    80
    Bookmarks:
    45
    Hits:
    4009
  5. Tags
    Summary

    This is a live example of how an author can create linked footnotes in their work with only a little bit of HTML and no workskins required. This is best viewed by clicking "Entire Work". While I've included the actual coding in bold and italic once you click "Hide Creator's Style", there's a more detailed explanation here.

    EDIT 6/28/17: The third chapter now shows how to use anchor links as an index/table of contents.

    Series
    Language:
    English
    Words:
    3,457
    Chapters:
    3/3
    Collections:
    7
    Comments:
    72
    Kudos:
    354
    Bookmarks:
    493
    Hits:
    20759
  6. Tags
    Summary

    This a tutorial/live example on how to have text change or appear once a cursor is hovering over it. Helpful for pop-up spoilers, language translations, quick author's notes, etc.

    Series
    Language:
    English
    Words:
    999
    Chapters:
    1/1
    Collections:
    8
    Comments:
    51
    Kudos:
    326
    Bookmarks:
    361
    Hits:
    16812
  7. 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:
    235
    Kudos:
    2038
    Bookmarks:
    1997
    Hits:
    78139
  8. Tags
    Summary

    There are some great quick guides to HTML on A03. This is not one of them - it is a comprehensive guide, dividing all of the available tags into the following categories:

    1. Text Formatting (in-line HTML)
    2. Page Formatting (block HTML)
    3. Tables and Lists
    4. Links and Images

    Each tag will 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.

    It will also introduce tag attributes, ways to further refine formatting, for a few simple - but widely applicable - cases.

    Language:
    English
    Words:
    2,642
    Chapters:
    3/4
    Collections:
    7
    Comments:
    741
    Kudos:
    3915
    Bookmarks:
    4480
    Hits:
    241565
  9. Tags
    Summary

    This is a live example how to make invisible text that can only be seen by highlighting the text. Tutorial is included in text, and you can always leave comments about questions you may have.

    MOBILE USERS: Sadly, this probably won't work for you, since highlighting in a mobile browser is different than web. I've tried correcting this, but have yet to find a solution.

    Series
    Language:
    English
    Words:
    493
    Chapters:
    1/?
    Collections:
    4
    Comments:
    13
    Kudos:
    115
    Bookmarks:
    58
    Hits:
    14933
  10. Tags
    Summary

    Original coding and design is from layouttest. I make no claims for it, just tweaked it so it will work on AO3.

    Series
    Language:
    English
    Words:
    1,040
    Chapters:
    1/1
    Collections:
    6
    Comments:
    7
    Kudos:
    133
    Bookmarks:
    70
    Hits:
    10816

Filters

Filter results:
Submit

Include

?
Include Ratings
Include Warnings
Include Categories
Include Fandoms
Include Characters
Include Relationships
Include Additional Tags

Exclude

?
Exclude Ratings
Exclude Warnings
Exclude Categories
Exclude Fandoms
Exclude Characters
Exclude Relationships
Exclude Additional Tags

More Options

Crossovers
Completion Status
Word Count
Date Updated
Submit

Clear Filters