User:Mattshu/sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(→‎Formatting Pages: Section finished. *applaud* Restarting again for Ubuntu 11.10)
(Cleaned the workspace up)
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{messagebox
|text=This is an open project and I am inviting everyone/anyone to assist with the massive overhaul of the [[Help:Editing]] page. If you have something you could contribute, by all means, feel free! —[[User:Mattshu|Mattshu]] 13:19, 3 October 2011 (PDT)
}}
__NOTOC__
{{category header|background-color=#E0E0E0|border-color=lightgray}}
{{category newcolumn|rowspan=5|width=50%|background-color=#F7F7F7|border-color=lightgray}}


== Page Creation ==
* [[User:Mattshu/sandbox#Creating_a_How-to_Page|How-to pages]]
* [[User:Mattshu/sandbox#Creating_a_Mod_Page|Mod pages]]
* [[User:Mattshu/sandbox#Creating_an_Entity_Page|Entity pages]]
* [[User:Mattshu/sandbox#Creating_Categories|Categories]]
* [[User:Mattshu/sandbox#Creating_User_Pages|User pages]]
* [[User:Mattshu/sandbox#Creating_Discussion_Pages|Discussion pages]]
* [[User:Mattshu/sandbox#Editing_Guidelines|'''Editing Guidelines''']]
== Editing Toolbar ==
http://developer.valvesoftware.com/w/skins/common/images/button_bold.png [[User:Mattshu/sandbox#Bold_text|Bold text]]<br />
http://developer.valvesoftware.com/w/skins/common/images/button_italic.png [[User:Mattshu/sandbox#Italicized_text|Italic text]]<br />
http://developer.valvesoftware.com/w/skins/common/images/button_link.png [[User:Mattshu/sandbox#Internal_links|Adding internal links]]<br />
http://developer.valvesoftware.com/w/skins/common/images/button_extlink.png [[User:Mattshu/sandbox#External_links|Adding external links]]<br />
http://developer.valvesoftware.com/w/skins/common/images/button_headline.png [[User:Mattshu/sandbox#Adding_a_headline|Adding a headline]]<br />
http://developer.valvesoftware.com/w/skins/common/images/button_image.png [[User:Mattshu/sandbox#Embedded_pictures|Inserting a picture]]<br />
http://developer.valvesoftware.com/w/skins/common/images/button_nowiki.png [[User:Mattshu/sandbox#Ignore_Wiki_formatting|Ignore Wiki formatting]]<br />
http://developer.valvesoftware.com/w/skins/common/images/button_sig.png [[User:Mattshu/sandbox#Signature|Inserting your signature]]<br />
http://developer.valvesoftware.com/w/skins/common/images/button_hr.png [[User:Mattshu/sandbox#Horizontal_lines|Horizontal lines]]<br />
{{category newcolumn|rowspan=1|width=50%|background-color=#FBF7EA|border-color=#E4DCCD}}
== Formatting Pages ==
* [[User:Mattshu/sandbox#Bullet_points|Bullet points]]
* [[User:Mattshu/sandbox#Numbered_lists|Numbered lists]]
* [[User:Mattshu/sandbox#Indenting|Indenting]]
* [[User:Mattshu/sandbox#Redirecting_pages|Redirecting pages]]
* [[User:Mattshu/sandbox#Adding_tables|Adding tables]]
* [[User:Mattshu/sandbox#Categorizing_pages|Categorizing pages]]
* [[User:Mattshu/sandbox#Syntax_highlighting|Syntax highlighting for script/code]]
* [[User:Mattshu/sandbox#Quick_message_boxes|Quick message boxes]]
{{category cell|width=50%|background-color=white|border-color=lightgray}}
== Page Templates ==
* [[User:Mattshu/sandbox#Mark-up_Templates|Marking-up text]]
* [[User:Mattshu/sandbox#Maintenance_Templates|Maintenance templates]]
* [[User:Mattshu/sandbox#Entity-specific_Templates|Entity-specific templates]]
{{category cell|width=50%|background-color=white|border-color=lightgray}}
== Specific Formatting Guidelines ==
* [[User:Mattshu/sandbox#Mod_Page_Guidelines|Mod Page Guidelines]]
* [[User:Mattshu/sandbox#Italics|Italics]]
* [[User:Mattshu/sandbox#Bolding|Bolding]]
* [[User:Mattshu/sandbox#Code_tag|<nowiki><code></nowiki> tag]]
{{category end}}
= Page Creation =
You can start editing a non-existant page in several ways:
* The easiest way is to type the exact name you want into the "Search" bar then hit "Go". If the page doesn't exist, you will be able to create it.
{{warning|Make sure the subject of the page you have in mind isn't already on the wiki. For example, you want to create the page "Portal 2 Particles", but you didn't notice the [[List of Portal 2 Particles]] page.}}
:For example, let's say you've typed "Foobar" in the search bar, then hit the "Go" button. Since the page doesn't exist, you are given this message:
::There were no results matching the query.
::'''Create the page "<span style="color:#ba5859;">Foobar</span>" on this wiki!'''
:In this scenario, you are able to click the <span style="color:#ba5859;">Foobar</span> link and begin editing your new page.
{{tip|Red links are pages that have not been created yet, and blue links are pages that already exist.}}
* You can can modify the URL in your address bar to go where you'd like (in this case using the address ''<nowiki>http://developer.valvesoftware.com/wiki/Foobar</nowiki>'').
* Some pages in the wiki contain many red links. If you are familiar with the subject matter of the non-existent page, feel free to create the new page by following the red link. Your contributions are greatly appreciated, and the more blue links, the better.
During the course of an edit, clicking ''Show preview'' (to the right of the ''Save page'' button) will help you determine if your edit looks good. This displays the final result of the edited page, but does not save it. This will avoid spamming the ''Recent changes'' page with saved edits, to the frustration of other editors.
When you are done editing, proofread it to make sure that the edit is final, and then click ''Save page'' to finally create the new page.
To test your editing skills, you can either use the public [[sandbox]] page, or create your own sandbox page on your User page by going to your user page and entering "/sandbox" in your address bar at the end of the URL, but be sure you're on your user page before creating it.
== Creating a How-to Page ==
{{todo|Insert guidelines for creating tutorial/how-to pages}}
== Creating a Mod Page ==
Please review the [[Help:Mod_Profiles|Mod page guidelines]] before creating a page for a Source/GoldSrc mod.
== Creating an Entity Page ==
{{todo|Insert guidelines for creating entity pages here}}
== Creating Categories ==
Categories enable pages to be added to automatic listings. These help structure many pages by grouping them together around similar subjects. There may also be a section listing the subcategories of that category.
Category pages are usually created for the description of their existence. For example, [[:Category:Blender]] is a category for all pages related to the free and open source 3D modeling package, [[Blender]].
To add a page to a category, simply place <code>[[Category:'''CATEGORY NAME''']]</code> at the bottom of the page. All pages that have the same category name will be listed automatically in the category.
For a list of all current categories, visit [[Special:Categories]].
== Creating User Pages ==
Your user page is your own personal editing venture. You are free to edit it with anything you desire. It is frowned upon by the Valve Developer Community to make direct edits to user pages that do not belong to you, unless the page contains media or external links relating to pornographic material, illegal warez/torrent sites, etc. If that is the case, you will risk your IP for permanent ban from the VDC.
To edit your user space, you must first have an account on the VDC. Registering is [http://developer.valvesoftware.com/w/index.php?title=Special:UserLogin&type=signup free and easy to do.]
Once you're logged in, click on your username at the very top-right of this page, or just copy this link and paste it into your address bar: <code><nowiki>http://developer.valvesoftware.com/wiki/User:YOUR USERNAME HERE</nowiki></code>
== Creating Discussion Pages ==
Discussion (or talk) pages are for user discussions concerning the information contained in it's respective main page. It can also be used for requesting help.
To create a discussion page (if it is non-existent for a page), just click the "Discussion" tab above, next to the "Page" tab.
{{tip|You can also use the keystroke {{key|Alt}}+{{key|T}} to quickly switch to the discussion page, that is if your web browser/operating system allows it.}}
Discussion pages have a special flow. When you are commenting on posts in a discussion page, indents are used to reply to comments. [[User:Mattshu/sandbox#Indenting|See below]] for more information on this technique.
It is common courtesy to sign your comments with your username and the time/date of post. This is a simple process that only requires four characters. Four tildes (<nowiki>~~~~</nowiki>) will automatically be replaced with your public user information along with the time and date of the post. Signatures are explained further [[User:Mattshu/sandbox#Signature|here]].
== Editing Guidelines ==
''Insert a few details about editing guidelines. Since there aren't really any rules, other than warez/porn/span(etc), there should be a couple tips of common courtesy among other editors.''
= Editing Toolbar =
http://developer.valvesoftware.com/w/images/1/1e/Mediawiki_editbuttons.png{{clr}}
Each button, when pressed, will paste a small example of the usage of a pace of special formatting. If you have text selected, pressing a button will format the text instead of pasting in sample code. For example, to make some text bold, simply select some text in the edit window and press the bold button (the first button on the editing bar).
== Bold text http://developer.valvesoftware.com/w/skins/common/images/button_bold.png ==
Bold text is very simple. Put in three (3) single apostrophes before the section of text you wish to bold, and three (3) after.
{{syntax2
|<code><nowiki>'''Bold text'''</nowiki></code>
|<nowiki>Remember to '''always''' brush your teeth.</nowiki>
|Remember to '''always''' brush your teeth.
}}
== Italicized text http://developer.valvesoftware.com/w/skins/common/images/button_italic.png ==
Italics are just as easy as bold text. Put in two (2) single apostrophes before the section of text you wish to italicize, and two (2) after.
{{syntax2
|<code><nowiki>''Italic text''</nowiki></code>
|<nowiki>The ''Queen Mary'' sailed last night.</nowiki>
|The ''Queen Mary'' sailed last night.
}}
== Internal links http://developer.valvesoftware.com/w/skins/common/images/button_link.png ==
If you want to link to another page that is in this particular wiki, you simply need the title of the page. To link to the Main Page, you simply use "Main Page". Easy!
{{syntax2
|<code><nowiki>[[Link title]]</nowiki></code>
|<nowiki>Click here to go to the main page: [[Main Page]]</nowiki>
|Click here to go to the main page: [[Main Page]]
}}
{{note|Currently, spaces and underlines both work the same in internal links. You can use <nowiki>[[Main_Page]]</nowiki> as well.}}
You can also change the text of the link, without affecting what it links to. This is useful if you have to adjust for grammar.
{{syntax2
|<code><nowiki>[[Link title|Text for link]]</nowiki></code>
|<nowiki>[[Main Page|Click here]] to go to the main page.</nowiki>
|[[Main Page|Click here]] to go to the main page.
}}
== External links http://developer.valvesoftware.com/w/skins/common/images/button_extlink.png ==
External links are used to link to web pages that are not in this wiki. Any blue link with the http://developer.valvesoftware.com/w/skins/vector/images/external-link-ltr-icon.png icon means it's external.
{{syntax2
|<code><nowiki>[http://www.example.com link title]</nowiki></code>
|<nowiki>[http://www.valvesoftware.com/jobs/ Click here]</nowiki> to learn more about applying to Valve.
|[http://www.valvesoftware.com/jobs/ Click here] to learn more about applying to Valve.
}}
== Adding a headline http://developer.valvesoftware.com/w/skins/common/images/button_headline.png ==
A headline is often used as an eye-catching title or brief summary of a wiki page. You can change headline sizes by varying the number of equals signs (=) to change the size of the headline. This makes it very easy to categorize a page, creating a clean, efficient way to find information. Additionally, with multiple headlines, the wiki engine will eventually add a Table of Contents box to the beginning of the page, allowing a viewer to instantly hop to the subject  they want on the page.
:{|class=standard-table
! <code>http://developer.valvesoftware.com/w/images/f/fd/Iosyntax.png Syntax</code>
| <code><nowiki>= Extra-Large Headline =</nowiki></code>
|-
!
| <code><nowiki>== Large Headline ==</nowiki></code>
|-
!
| <code><nowiki>=== Medium Headline ===</nowiki></code>
|-
!
| <code><nowiki>==== Small Headline ====</nowiki></code>
|-
|}
= Extra-large =
* Example of an XL headline (use sparingly)
== Large ==
* Example of a L headline
=== Medium ===
* Example of a M headline
==== Small ====
* Example of a S headline
== Embedded pictures http://developer.valvesoftware.com/w/skins/common/images/button_image.png ==
Embedded pictures are pictures that have been uploaded to the wiki and are now directly hosted by it.
To upload a picture, visit [[Special:Upload]].
{{warning|Please read the [[Valve_Developer_Community:Image_use_policy|image use policy]] before uploading images.}}
{{syntax2
|<code><nowiki>[[Image:Filename.png]]</nowiki></code>
|<nowiki>[[Image:Steam_available.png]]</nowiki>
|[[Image:Steam_available.png]]
}}
The <code><nowiki>[[Image:Filename.png]]</nowiki></code> syntax has a few options that you can use. These can be placed as an option anywhere in the line:
:{| class=standard-table
! Option || Example || Description
|-
| ''thumb'' || <code><nowiki>[[Image:Filename.png|thumb]]</nowiki></code> || Produces a framed thumbnail version of the image.
|-
| ''###px'' (size) || <code><nowiki>[[Image:Filename.png|300px|thumb|This is an example image]]</nowiki></code> || Changes the pixel size of the images.
|-
| ''left (right, center)'' || <code><nowiki>[[Image:Filename.png|thumb|150px|right]]</nowiki></code> || Controls the alignment of the image on the page
|}
== Ignore Wiki formatting http://developer.valvesoftware.com/w/skins/common/images/button_nowiki.png ==
This button may rarely be pressed, as the only time this may be used are for making descriptions for maintenance edits or writing pages like this one here. It will ignore all wiki formatting between the nests and only returns plain and simple text.
{{syntax2
|<code><nowiki><nowiki>Insert non-formatted text here</nowiki></nowiki></code>
|<nowiki><nowiki>This is '''bold''' text.</nowiki></nowiki>
|<nowiki>This is '''bold''' text.</nowiki>
}}
== Signature http://developer.valvesoftware.com/w/skins/common/images/button_sig.png ==
Inserts your user name, which links back to your user page, and a time stamp, which marks the exact time you submitted your edit. This is mainly used to "sign" your posts when inserting comments on Talk (discussion) pages. It is common courtesy to sign your comments on Talk pages. You can change what appears in your signature by going to [[Special:Preferences#mw-htmlform-signature|Special:Preferences]].
{{tip|The syntax includes two hyphens (--), but you really only need four tildes (<nowiki>~~~~</nowiki>) to insert a signature.}}
:{{syntax2
|<code><nowiki>--~~~~</nowiki></code>
|<nowiki>This discussion page may need archived soon. --~~~~</nowiki>
|This discussion page may need archived soon. --[[User:FakeUser23|FakeUser23]] 21:38, 17 October 2011 (PDT)
}}
== Horizontal lines http://developer.valvesoftware.com/w/skins/common/images/button_hr.png ==
:{|class=standard-table
! <code>http://developer.valvesoftware.com/w/images/f/fd/Iosyntax.png Syntax</code>
| <code><nowiki>----</nowiki></code>
|}
Horizontal lines are usually only used at the end of a large section of a single page. Use them sparingly, as too many make a page look ugly. Proper use of [[#Adding_a_headline|headlines]] can render these unnecessary.
= Formatting Pages =
== Bullet points ==
This function can create unordered lists. Bullet points are useful for listing multiple items that fall into a similar category.
{{syntax2
|
<code><nowiki>* Item 1</nowiki></code><br />
<code><nowiki>* Item 2</nowiki></code><br />
<code><i>* etc...</i></code>
|
<nowiki>* Red</nowiki><br />
<nowiki>* Blue</nowiki><br />
<nowiki>* Green</nowiki>
|
* Red
* Blue
* Green
}}
== Numbered lists ==
You can create ordered lists using this syntax. Numbered lists automatically number items according to their placement in the page.
{{syntax2
|
<code><nowiki># Item 1</nowiki></code><br />
<code><nowiki># Item 2</nowiki></code><br />
<code><i># etc...</i></code>
|
<nowiki># This is the first step.</nowiki><br />
<nowiki># This is the second step.</nowiki><br />
|
# This is the first step.
# This is the second step.
}}
== Indenting ==
Indenting is more commonly used when responding to discussion posts. A colon character (:) is placed at the beginning of the line. The more placed, the further the indent. This indents a line of text about the same length as if you pressed the {{key|Tab}} key.
:{|class=standard-table
! <code>http://developer.valvesoftware.com/w/images/6/6c/Io14.png Input</code>
|
<code><nowiki>:This line will be indented once.</nowiki></code><br />
<code><nowiki>::This line will be indented twice.</nowiki></code><br />
<code><nowiki>:::This line will be indented thrice.</nowiki></code>
|-
! <code>http://developer.valvesoftware.com/w/images/2/2e/Io11.png Output</code>
|
:This line will be indented once.
::This line will be indented twice.
:::This line will be indented thrice.
|}
This format is commonly used in discussion pages. When a user makes a post, it is common to indent your response. See the fake discussion below for an example of how to properly flow talk pages with indents. The colons only appear as an example.
Anybody else believe unicorns exist? --<span style="color:#8BB9E0;">jd650</span>
:<b><nowiki>:</nowiki></b>Yes. Actually, I've bred a couple of them. --<span style="color:#8BB9E0;">MarcusTwain</span>
::<b><nowiki>::</nowiki></b>Really? Do you have photos? --<span style="color:#8BB9E0;">jd650</span>
::<b><nowiki>::</nowiki></b>I, too, am interested in these photos. --<span style="color:#8BB9E0;">Halifax</span>
:::<b><nowiki>:::</nowiki></b>I, err.. don't have a camera.. --<span style="color:#8BB9E0;">MarcusTwain</span>
:<b><nowiki>:</nowiki></b>No, I don't believe in unicorns. --<span style="color:#8BB9E0;">ChOcObO_23</span>
::<b><nowiki>::</nowiki></b>Why not? --<span style="color:#8BB9E0;">jd650</span>
== Adding tables ==
Tables are a diverse way to lay out information on a page. Because they can be very specific, the table below shows a quick how-to when creating Wiki tables as opposed to standard XHTML tables.
<table class="wikitable">
<tr><th>&nbsp;</th><th>XHTML</th><th>Wiki</th>
<tr>
<th>Table</th>
<td><nowiki><table></table></nowiki>
<td><pre><nowiki>{|
|}</nowiki></pre>
<tr>
<th>Styles</th>
<td><nowiki><table class="standard-table"></table></nowiki></td>
<td><pre><nowiki>{| class=standard-table</nowiki></pre></td>
<tr>
<th>Header cell</th>
<td><nowiki><th>heading</th></nowiki></td>
<td><pre><nowiki>! heading</nowiki></pre></td>
<tr>
<th>Row</th>
<td><nowiki><tr></tr></nowiki></td>
<td><pre><nowiki>|-</nowiki></pre></td>
<tr>
<th>Data cell</th>
<td>
<nowiki><td>cell1</td></nowiki><br>
<nowiki><td>cell2</td></nowiki>
</td>
<td>
<pre><nowiki>| cell1
| cell2</nowiki></pre>
</td>
</tr>
<tr>
<th>Data cell</th>
<td><nowiki><td>cell1</td> <td>cell2</td> <td>cell3</td></nowiki></td>
<td><pre><nowiki>| cell1 || cell2 || cell3</nowiki></pre></td>
</tr>
<tr>
<th>Sample table</th>
<td><pre><nowiki>
<table>
  <tr>
      <td>1</td>
      <td>2</td>
  </tr>
  <tr>
      <td>3</td>
      <td>4</td>
  </tr>
  <tr>
      <td>5</td>
      <td>6</td>
  </tr>
</table>
</nowiki></pre></td>
<td><pre><nowiki>
{|
| 1 || 2
|-
| 3 || 4
|-
| 5 || 6
|}</nowiki></pre></td>
</tr>
<tr>
<th>Sample table</th>
<td><pre><nowiki>
<table>
  <tr>
      <th>Quantity</th>
      <th>Grocery Item</th>
  </tr>
  <tr>
      <td>4</td>
      <td>Apples</td>
  </tr>
  <tr>
      <td>3</td>
      <td>Oranges</td>
  </tr>
  <tr>
      <td>12</td>
      <td>Eggs</td>
  </tr>
  <tr>
      <td>9</td>
      <td>Bananas</td>
  </tr>
</table>
</nowiki></pre></td>
<td><pre><nowiki>
{|
! Quantity || Grocery Item
|-
| 4 || Apples
|-
| 3 || Oranges
|-
| 12 || Eggs
|-
| 9 || Bananas
|}</nowiki></pre></td>
</tr>
</table>
== Syntax highlighting ==
To enable syntax highlighting for blocks of code, the syntax is pretty simple.
{{note|This new syntax replaces the <code><nowiki><source></nowiki></code> tag, because XML uses that tag in some scripts. You can use it in place of the lengthy <code><nowiki><syntaxhighlight></nowiki></code> tag, though. The choice is yours.}}
{{syntax2
|<code><nowiki><syntaxhighlight lang="cpp">C++ source code</syntaxhighlight></nowiki></code>
|<nowiki><syntaxhighlight lang="cpp"></nowiki><i>(Insert [[FireBullets()]] method here)</i><nowiki></syntaxhighlight></nowiki>
|<syntaxhighlight lang="cpp">
void CBaseEntity::FireBullets( const FireBulletsInfo_t &info )
{
static int tracerCount;
trace_t tr;
CAmmoDef* pAmmoDef = GetAmmoDef();
int nDamageType = pAmmoDef->DamageType(info.m_iAmmoType);
int nAmmoFlags = pAmmoDef->Flags(info.m_iAmmoType);
        //...
        //remainder omitted
        //...
}
</syntaxhighlight>
}}
For a list of supported languages, see [[Help:Syntax Highlighting]] for more information.
== Redirecting pages ==
Sometimes you'll come across pages that are named incorrectly, or improperly named. You can redirect pages to their intended destination by a couple different methods.
The easiest way to redirect a page that already contains data is to click the http://developer.valvesoftware.com/w/skins/vector/images/arrow-down-icon.png icon next to the search box above the page, then selecting Move Page. Follow instructions carefully before you decide to move a page.
The manual way to redirect a page is to use the following syntax:
:{|class=standard-table
! <code>http://developer.valvesoftware.com/w/images/f/fd/Iosyntax.png Syntax</code>
|<code><nowiki>#REDIRECT [[new_page]]</nowiki></code>
|}
{{warning|This method can only be used if the page is empty. If you are manually moving a page, copy the edit source of the page and paste it into the new page. Then the original page can be replaced with the <code><nowiki>#REDIRECT</nowiki></code> tag.}}
You can go back to a Redirect and edit it by clicking the link underneath the new page's title.
== Message boxes ==
To make a portion of text standout from the rest, you can place them in preformatted boxes by simply placing a single space at the beginning of a line.
{{syntax2
|<code><nowiki>&nbsp;Insert text after the space.</nowiki></code>
|<nowiki>&nbsp;There is a space at the beginning of this line.</nowiki>
|<pre>There is a space at the beginning of this line.</pre>
}}
You can also use the <code><nowiki><pre></nowiki></code> tag for a message box. Just use <code><nowiki><pre>Message box.</pre></nowiki></code>.
== Categorizing pages ==
If you'd like a page to show up in the automatically generated category tables (<i>full category list [[Special:Categories|found here]].</i>) like on the category page [[:Category:Half-Life 2]], you will need to append the <code><nowiki>[[Category:name]]</nowiki></code> at the bottom of the page.
For an example of how pages can be categorized, the bottom of this page have the following <code><nowiki>[[Category]]</nowiki></code> tags:
<nowiki>[[Category:Tutorials]]</nowiki>
<nowiki>[[Cateogry:Wiki]]</nowiki>
<nowiki>[[Category:Help]]</nowiki>
Go ahead and scroll down to the bottom of the page. You'll notice the three categories that were just listed are available at the bottom.
= Page Templates =
== Mark-up Templates ==
== Maintenance Templates ==
== Entity-specific Templates ==
= Specific Formatting Guidelines =
== Mod Page Guidelines ==
== Italics ==
== Bolding ==
== Code tag ==

Latest revision as of 23:44, 6 November 2011

Retrieved from "https://developer.valvesoftware.com/w/index.php?title=User:Mattshu/sandbox&oldid=162093"