Difference between revisions of "Help:Style Guide"

From WebOS Internals
Jump to: navigation, search
m (created)
 
m (added example text to give user visual reference of wiki code)
 
(12 intermediate revisions by 3 users not shown)
Line 1: Line 1:
== Application ==
+
== 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">
 +
{{article-one-column-blue
 +
|header1=Header
 +
|column1=
 +
Some text
 +
}}
 +
</source></pre>
  
<nowiki> {{application
+
== Two Columns ==
|name=Name                                      - Name of the Application
+
{{article-two-columns
|type=webOS                                    - "webOS" or "Linux"
+
|header1 = Example Once Column Layout
|tag=Games                                      - Use the main list's names
+
|width1=46%
|screenshot=Application_Name_Screenshot_1.png  - Upload the screenshot using the right name
+
|column1=
|description=description                        - Describe the app in full detail, put anything you want.
+
<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.
}}
+
 
</nowiki>
+
|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">
 +
{{article-two-columns
 +
|width1=46%
 +
|column1=
 +
some content
 +
 
 +
|column2=
 +
some other content
 +
}}
 +
</source></pre>
 +
 
 +
== 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">
 +
{{article-three-columns
 +
|width1=30%
 +
|width2=30%
 +
|column1=
 +
some content
 +
 
 +
|column2=
 +
some other content
 +
 
 +
|column3=
 +
some other content
 +
}}
 +
</source>
 +
</pre>
 +
== 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 [http://mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi#Supported_languages all major languages] are supported.
 +
 
 +
<pre>
 +
<source lang="text">
 +
Code or Text
 +
</source>
 +
</pre>
 +
 
 +
== Application Pages (Application:Name) ==
 +
 
 +
<source lang="text">
 +
{{application
 +
|name=Name                                      - Name of the Application
 +
|version=1.0.0                                  - Version major.minor.build
 +
|type=webOS                                    - "webOS" or "Linux"
 +
|tag=Games                                      - Use the main list's names
 +
|screenshot=Application_Name_Screenshot_1.png  - Pay attention to naming scheme Application_ + name + _Screenshot_1.png
 +
|description=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]]

Latest revision as of 08: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">

« Go Back to the Games - Use the main list's names application list
x270px

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