May 4, 2023
An Archive of Our Own, a project of the Organization for Transformative Works
Hey everyone! I spent about a week making a newly updated Discord Skin based on a previous one by Heterchromia_Mars.
Enjoy!
Loading...
seen from United States
seen from Montenegro
seen from Canada
seen from Ireland
seen from France
seen from China
seen from China
seen from United Kingdom
seen from Malaysia
seen from Germany
seen from China
seen from United States
seen from Canada
seen from Georgia
seen from United States
seen from Sweden
seen from Venezuela
seen from Venezuela
seen from Venezuela
seen from Malaysia
An Archive of Our Own, a project of the Organization for Transformative Works
Hey everyone! I spent about a week making a newly updated Discord Skin based on a previous one by Heterchromia_Mars.
Enjoy!
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch ā¢ No registration required ā¢ HD streaming
Emily, do you have a tag for all your writing and ao3 advice? I'm thinking about writing but I remember once upon a time writers used to complain about the html formatting? Do you still need to know formatting to post a fic? There used to be a script or some nifty thing to put your story into that'd automatically fix the html, is that still a thing? I know some basic html of course but the thought of formatting a multi chaptered fic sends me into a tizzy I'd rather post on facebook :(
I made a video to show you what you can do to avoid all the HTML coding/formatting stuff šš»š.
PureCode company | Context of HTML formatting
In the context of HTML formatting, regex patterns can efficiently target specific sequences, characters, or structures within your HTML content, aiding the data cleaning process. For instance, a simple regex pattern such as <[^>]*> could be utilized to strip all HTML tags from your textual content.Ā
html, html formatting, bold, italics, underline, formatting in html. formatting refers to the process of structuring and presenting content
Learn HTML Text formatting and various tags for HTML formatting - HTML Headings, Strong, Bold, underline, superscript and subscript, Italicized, definition, grouping etc.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch ā¢ No registration required ā¢ HD streaming
AO3 Formatting help
I saw a post saying AO3 lets you format your work to supportĀ āchoose your own adventureā style fics and I thought that was pretty cool and started thinking about making one, but I read the FAQ about formatting first and
I
Am
Totally
Lost
Would anyone more adept at html formatting be able to make a more comprehensive, possibly visual, guide to how this would work? I would love you eternally and forever.
A guide to HTML
In this guide, Iāll cover all the basics as well as some html youāll find in themes.
To start off, here are some of your basic html codes with what they do. Youāll be typing what you want in between the two parts of the html.
<b> </b> This bolds your text.
<strong> </strong> This also bolds your text.
<i> <i> This italicizes your text.
<em> </em> This also italicizes your text.
<u> </u> This underlines your text.
<strike> </strike> This strikes out your text.
<center> </center> This centers your text as well as other things like images.
<sub> </sub> This makes your text a subscript.
<sup> </sup> This makes your text a superscript.
<font face=āfontnamehereā> </font> This changes the font of your text.
<font color=āhexcodehereā> </font> This changes the color of your font. A good site to use for hex codes can be found here.
<font size=ānumberhereā> </font> This changes the size of your font.
The following HTML can be used in posts on Tumblr.
<big> </big> This makes your text big.
<small> </small> This makes your text small.
<blockquote> </blockquote> This makes your text formatted to a quote.
<pre> </pre> This puts your text into a grey box and makes the text smaller.
[[ MORE ]] This adds a read more break (minus the spaces Iāve added) on any Tumblr post and on mobile Tumblr posts.
Now, when you look at the html of a theme, itāll have a lot of the same codes, but theyāre formatted differently. If youāre looking to change something about how certain things look on the theme (this is assuming that the creator of the theme didnāt make an option to change it), then scroll ātil you find the <style> tag (itāll be the second tag of the theme code) and the following are things that you may find and can change.
background: hexcodegoeshere; (changes the color of the entire background of the theme)
font-family: fontnamegoeshere;
font-size: numberofpixelshere; (for example, 12px)
font-color: hexcodegoeshere;
font-style: bold/italic/underline/etc. (only choose one)
text-align: center/right/left; (only choose one)
text-transform: uppercase/lowercase (only choose one)
letter-spacing: numberofpixelshere; (determines how far apart the letters are from each other)
Those are most of the basics to a theme code. What Iām going to show you next are the parts of a theme code that require a bit more work, but give you greater results.
Sometimes theme creators will already have a background image placed into their theme and give you the option to clear it and upload your own. However, that isnāt always the case. If the background image is a part of the body, look just underneath the style tag and you might find this:
background-image: url('urloftheimageishereā);
You have two options: you can either delete the background-image section all together or you can replace the image url with one of your choosing. This could recurring in other parts of the theme like the sidebar div id tag. Iāll get into div idās and div classes at a later date.
Other things that may accompany this background image section are:
background-attachment: fixed;
background-position: center/left/right;
background-repeat: no-repeat/repeat
When a background image is fixed, it just means that the image scrolls with the page; it stays in place. The position of the background is pretty self-explanatory, but it basically either places the image in the center, to the left, or to the right and, in some cases, other places which Iāll go into more depth at a later date if need be. Background repeat just determines if the background duplicates itself to cover the whole background or not.
I hope this has been of some help to you and Iāll be making another HTML guide in the future going into more depth on themes!
Stay cute.
Please reblog this if people can point out crucial things that need to be fixed in your theme!
THIS MEANS if the text box isn't aligned right so you can't see the text, the image doesn't stretch proper, if it is difficult to read/hurts the eyes, etc. This is NOTĀ to bully and to make fun of certain themes--this is to correct serious errors in formatting that make it difficult to navigate your blog and to even be on it.