Article styling

  • This page was last modified on March 15, 2011, at 14:18.
The (mt) Community Wiki is a collaborative project. Any (mt) Media Temple customer or employee may contribute. Not all articles and/or content have been tested for accuracy by (mt) Media Temple.

For officially moderated and tested articles, be sure to visit our KnowledgeBase.

From (mt) Community Wiki

(Redirected from Article Styling)

Contents

How to use this page: copy the code below & insert it into your next wiki article.

Headers

Heading One

Code to create: =Header One=

Heading Two

Code to create: ==Header Two==

Heading Three

Code to create:

===Header Three===

Heading Four

Code to create: ====Header Four====

Heading Five

Code to create: =====Header Five=====

Heading Six

Code to create: ======Header Six=====

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap.

Heading One

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Two

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Three

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Four

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.


Heading Five

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Heading Six

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Sidenote

My Sidenote

This is a simple sidenote so have fun and enjoy.

The sidenote is styled to be right-align within an article. The sidenote code is:

<div class="sidenote">
<h2>My Sidenote</h2>
This is a simple sidenote so have fun and enjoy.
</div>


Lists

This is an unordered list:

  • First item
  • Second item
  • Third item
  • Fourth item
  • Fifth item

The wiki markup to create an unordered list:

* First item
* Second item
* Third item
* Fourth item
* Fifth item

This is an ordered list:

  1. First item
  2. Second item
  3. Third item
  4. Fourth item
  5. Fifth item

The wiki markup to create an ordered list:

# First item
# Second item
# Third item
# Fourth item
# Fifth item

Images

As a general rule, we recommend using a caption, labeling your image, and including this in your content. For example:

Sudo is a powerful tool. See Figure 1.
Figure 1: An awesome t-shirt from xkcd.

The code used to insert the image and caption:

[[File:dadc_sudo.jpg|left|frame|'''Figure 1''': An awesome t-shirt from [http://www.thinkgeek.com/tshirts-apparel/xkcd/dadc/ xkcd].]]

Note boxes

This is a Successful Message.

The wiki markup is:

<div class="success">
This is a Successful Message.
</div>


This is an Error Message.

The wiki markup is:

<div class="error">
This is an Error Message.
</div>

This is pre formatted:

Start in column one.
Then indent to column ten.
Then back five spaces.

The wiki markup is:
<pre>
Start in column one.
Then indent to column ten.
Then back five spaces.
</pre>


This is a code formatted:

Test 1
Test 2
Test 3

The wiki markup is:
<pre>
Test 1
Test 2
Test 3
</pre>

This is a Note Box.
This is a Caution Box.
This is a User Message Box.
This is a Tip Box.
Hit http://archive.ubuntu.com intrepid Release.gpg
Hit http://archive.ubuntu.com intrepid-updates Release.gpg
Hit http://archive.ubuntu.com intrepid-security Release.gpg
Hit http://archive.ubuntu.com intrepid Release
Hit http://archive.ubuntu.com intrepid-updates Release
Hit http://archive.ubuntu.com intrepid-security Release
Hit http://archive.ubuntu.com intrepid/main Packages
Hit http://archive.ubuntu.com intrepid/restricted Packages
Hit http://archive.ubuntu.com intrepid/universe Packages
Hit http://archive.ubuntu.com intrepid-updates/main Packages
Hit http://archive.ubuntu.com intrepid-updates/restricted Packages
Hit http://archive.ubuntu.com intrepid-updates/universe Packages
Hit http://archive.ubuntu.com intrepid-security/main Packages
Hit http://archive.ubuntu.com intrepid-security/restricted Packages
Hit http://archive.ubuntu.com intrepid-security/universe Packages
Reading package lists... Done
/etc/sudoers
# /etc/sudoers
#
# This file MUST be edited with the 'visudo' command as root.
#
# See the man page for details on how to write a sudoers file.
#

Defaults        env_reset

# Host alias specification

# User alias specification

# Cmnd alias specification

# User privilege specification
root    ALL=(ALL) ALL
jsmith  ALL=(ALL) ALL
# Uncomment to allow members of group sudo to not need a password
# (Note that later entries override this, so you might need to move
# it further down)
# %sudo ALL=NOPASSWD: ALL

FAQs

This is my question
This is my answer.
This is my question
This is my answer.
This is my question
This is my answer.
This is my question
This is my answer.
This is my question
This is my answer.
This is my question
This is my answer.

This is the wiki markup:

<div class="faq">
<div class="question">This is my question</div>
<div class="answer">This is my answer.</div>
<div class="question">This is my question</div>
<div class="answer">This is my answer.</div>
<div class="question">This is my question</div>
<div class="answer">This is my answer.</div>
<div class="question">This is my question</div>
<div class="answer">This is my answer.</div>
<div class="question">This is my question</div>
<div class="answer">This is my answer.</div>
<div class="question">This is my question</div>
<div class="answer">This is my answer.</div>
</div>

Tables

This is an example of a simple table.

Employee Salary Bonus Supervisor
Stephen C. Cox $300 $50 Bob
Josephin Tan $150 - Annie
Joyce Ming $200 $35 Andy
James A. Pentel $175 $25 Annie

Blockquote

Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat. Claritatem aliquip quod putamus vulputate iusto. Doming minim typi zzril lius usus. In clari mutationem autem non sit. Qui augue mirum dynamicus gothica ut. Mike M.

The wiki markup is:

<div class="blockquote">
Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat. Claritatem aliquip quod putamus vulputate iusto. Doming minim typi zzril lius usus. In clari mutationem autem non sit. Qui augue mirum dynamicus gothica ut.
<cite>Mike M.</cite>
</div>

Notes/Supplemental