Difference between revisions of "Help:Style Guide"
Hopspitfire (talk | contribs) |
m (added example text to give user visual reference of wiki code) |
||
| Line 1: | Line 1: | ||
== One Column == | == One Column == | ||
| − | + | {{article-one-column-blue | |
| + | |header1 = Example Once Column Layout | ||
| + | |column1 = | ||
| + | <strong>Example One Column Layout </strong>- Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. | ||
| + | }} | ||
| + | <pre> | ||
<source lang="text"> | <source lang="text"> | ||
{{article-one-column-blue | {{article-one-column-blue | ||
| Line 7: | Line 12: | ||
Some text | Some text | ||
}} | }} | ||
| − | </source> | + | </source></pre> |
== Two Columns == | == Two Columns == | ||
| + | {{article-two-columns | ||
| + | |header1 = Example Once Column Layout | ||
| + | |width1=46% | ||
| + | |column1= | ||
| + | <strong>Example Two Column Layout</strong> - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. | ||
| + | |column2= | ||
| + | <strong>Example Two Column Layout</strong> - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. | ||
| + | }} | ||
| + | |||
| + | <pre> | ||
<source lang="text"> | <source lang="text"> | ||
{{article-two-columns | {{article-two-columns | ||
| Line 20: | Line 35: | ||
some other content | some other content | ||
}} | }} | ||
| − | </source> | + | </source></pre> |
== Three Columns == | == Three Columns == | ||
| + | {{article-three-columns | ||
| + | |width1=30% | ||
| + | |width2=30% | ||
| + | |column1= | ||
| + | <strong>Example Three Column Layout</strong> - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. | ||
| + | |||
| + | |column2= | ||
| + | <strong>Example Three Column Layout</strong> - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. | ||
| + | |column3= | ||
| + | <strong>Example Three Column Layout</strong> - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. | ||
| + | }} | ||
| + | |||
| + | <pre> | ||
<source lang="text"> | <source lang="text"> | ||
{{article-three-columns | {{article-three-columns | ||
| Line 38: | Line 66: | ||
}} | }} | ||
</source> | </source> | ||
| − | + | </pre> | |
== Code Blocks == | == Code Blocks == | ||
Latest revision as of 16:23, 27 September 2009
One Column
Example One Column Layout - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
<source lang="text">
{{article-one-column-blue
|header1=Header
|column1=
Some text
}}
</source>
Two Columns
|
Example Two Column Layout - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. |
Example Two Column Layout - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. |
<source lang="text">
{{article-two-columns
|width1=46%
|column1=
some content
|column2=
some other content
}}
</source>
Three Columns
|
Example Three Column Layout - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. |
Example Three Column Layout - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. |
Example Three Column Layout - Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. |
<source lang="text">
{{article-three-columns
|width1=30%
|width2=30%
|column1=
some content
|column2=
some other content
|column3=
some other content
}}
</source>
Code Blocks
To format code, use the source tag, which provides full syntax highlighting. Specify the language with the lang attribute, or if you don't want it to highlight syntax, use "text".
"python", "text", and "javascript" are the main ones, but all major languages are supported.
<source lang="text"> Code or Text </source>
Application Pages (Application:Name)
<source lang="text">
Name - Name of the Application - 1.0.0 - Version major.minor.build
description - Describe the app in full detail, put anything you want.
</source>
Linux Penguin Icons!
They must be holding a webOS device (unless they are for another purpose, chat etc). If your page could use a linux penguin (only for Linux related articles sorry), feel free to use the template and one of the many Penguins. Template:Tux