The introduction starts immediately after the title of the article. It's how you start your piece and is just plain text.

This article is for staff and volunteers, to help them format articles correctly before publishing.

Here is some HTML code you can use. (If you see things like <p></p> or <br> in the middle of the code it's because drupal added it, it's unecessary, but not harmful, click here to read the article in pure unadulterated HTML.)

Code which you can copy and paste

(SIDEBAR)This is a sidebar(/SIDEBAR) This isn't actually HTML but it is the code used to create a sidebar: (SIDEBAR)This is a sidebar(/SIDEBAR)
Within the text you can emphasize/italicise or bold/strong your text using these bits of html code. <em>Emphasized</em> <i>Italicized</i> <strong>Strong</strong> <b>Bolded</b>
You can also turn text which refers to another article or resource into a link using this code: <a href="http://www.scarleteen.com">text which refers to another article or resource</a>
This is what it looks like when you embed a quote
Use this code to create a quote like that: <blockquote>This is what it looks like when you embed a quote</blockquote>
To create an unordered list (i.e. with bullet points) like this: ...use this code <ul><li>First item</li><li>Second item</li></ul>
To create an ordered list (i.e. with numbers) like this:
  1. First item
  2. Second item
... use this code <ol><li>First item</li><li>Second item</li></ol>

For the for the format we use for most subtitles

... use this code <h3>For the for the format we use for most subtitles</h3>

Use h2 to have this bigger format we use for sections of of bigger articles

h4 for something smaller

h5 for something even smaller
and h6 for something even even smaller
Description

Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

Description

Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

An image floating on the right-hand side of an article can be created using <img alt="Description" src="http://www.scarleteen.com/sites/files/scarleteen/left.png" style="float:right" /> An image floating on the left-hand side of an article can be created using <img alt="Description" src="http://www.scarleteen.com/sites/files/scarleteen/right.png" style="float:left" />
One of those horizontal lines to indicate a break can be created by using this code <hr>
To create a table like this...

Header of the first column Header of a second column (add another <th>'Header'</th> to make another column)
Content of the first cell in this row Content of the second cell in this row
Content of the first cell in this row Content of the second cell in this row
Content of the first cell in this row Content of the second cell in this row

...copy paste this code: <table border="1" cellpadding="3" cellspacing="3"> <thead> <tr> <th>Header of the first column</th> <th>Header of a new column (add another &lt;th&gt;'Header'&lt;/th&gt; to make another column)</th> </tr> </thead> <tbody> <tr> <td>Content of the first cell in this row</td> <td>Content of the second cell in this row</td> </tr> <tr> <td>Content of the first cell in this row</td> <td>Content of the second cell in this row</td> </tr> <tr> <td>Content of the first cell in this row</td> <td>Content of the second cell in this row</td> </tr> </tbody> </table>

10 Step Plan!

  1. It's recommened you save your original article in a plain text editor like 'Notepad' on windows, or 'TextEdit' on mac. You can incorporate the correct code (see below) in that plain text editor.

    (If you have written your piece in microsoft word or google docs for collaboration purposes, you can use this tool to turn it into standard html: Html Cleaner. If you copy the HTML code outputted into a plain text editor you can then check it for errors, save your work and move on to Step 2)

  2. When you think it's ready and you have saved you work you can go to 'Content - Create content - Article' in the staff toolbar (when you have the correct privillages)
    3. here is what it looks like:

  3. You can then enter your title and blurb in plain text.
  4. Before you write anything in the 'Body' section make sure you are in 'administrator' mode and have disabled the rich text editor

  5. Upload any images which need adding and adjust any image urls in your text editor as appropriate
  6. Copy your article from your text editor and paste your article with all the correct code into the body section
  7. Add any necessary tags and alocate proper section
  8. Save the article
  9. Preview the article, if there are any issues, the best place to try and fix them is your saved plain text version. Drupal slightly changes what you have pasted when you press publish, so if you try to fix it directly you can introduce new issues.
  10. If you make any changes, remember to save as a new revision. This way if something breaks you can revert to an earlier version. It should be enabled by default, but to be certain click on 'Revision information' at the bottom of the article editor it should look like this:

    If it doesn't. Check 'create new revision' before saving updates.