User:Quacks/Testing: Difference between revisions

From Skyrat
Jump to navigation Jump to search
← Older editNewer edit →
VisualWikitext
→‎The Wiki: added another small bit of text
m Replaced content with "<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0 1em 1; border: .2em solid #444; background: #444;"> <div style="background: #444; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;"><center>'''PLACEHOLDER'''</center></div> <div style="border: .2em solid #444; border-radius: .5em; background: #FFF;"> <div style="padding: .5em; background: #4444441e; margin:.25em; border-radius: .5em;"> <center>PLACEHOLDER</center> </div></div> </div>"
Tag: Replaced
Line 1: Line 1:
=Wiki Rules=
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0 1em 1; border: .2em solid #444; background: #444;">
Before anything is detailed, explained or discussed in this guide I first want to establish the rules and make them clear before you start contributing to the wiki.<br>
<div style="background: #444; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;"><center>'''PLACEHOLDER'''</center></div>
The rules are the following:
<div style="border: .2em solid #444; border-radius: .5em; background: #FFF;">
* Edit in good faith (Do not vandalize or otherwise deface pages. Your wiki account will have its access revoked if you do)
<div style="padding: .5em; background: #4444441e; margin:.25em; border-radius: .5em;">
* Do not mention IRL politics or people. The wiki is simply not the place for that.
<center>PLACEHOLDER</center>
* Do not start or partake in edit wars against other contributors (Going back and forth against another contributor deleting or reverting their edits while they do the same to you)
* Racism and forms of discrimination against other contributors or people will not be tolerated.
* Do not make joke pages or upload memes in the form of files.
* Mentions of ERP and ERP mechanics are strictly forbidden. ''Unless'' A very clear content warning is used. (This applies to all 18+ content Skyrat has to offer)
 
=The Wiki=
<span style="font-size: 110%">'''Disclaimer: This guide only covers the source editor (Text editor) For a guide on the visual editor see: [https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide Mediawiki's guide]'''</span>
 
Hello! And welcome to the Skyrat wiki, I'm glad that you have shown interest in contributing to this project and this guide should help you get your feet wet when it comes to basic wiki editing. It will show everything from the most basic things like editing a page and down to the boring but sometimes complex wiki Syntax. If you ever find yourself struggling to figure something out on the wiki feel free to check for a solution here or simply ping a wiki maintainer on the [https://discord.com/invite/hGpZ4Z3 discord]!
 
All resources relevant to contributors can be found in on the [[Contributor panel]] Along with a list of various stats about the wiki. So if you ever find yourself looking for a template or a specific category be sure to check with the [[Contributor panel]]
 
If you ever find yourself lost or without a clue on what to do or what to update on the wiki, the [[:Category:Needs revision|Needs revision category]] will always have plenty of work that needs doing. Everything from outdated pages and images are listed here so its great to regularly check back here to see if there's any potential projects to pick up. The actual revision tag ''should'' always tell you what is wrong with a page and if you find an outdated page on your own feel free to mark it with [[Template:Needs revision]].
 
==Gaining Access==
As you may have noticed the wiki is a closed project. What this means is that we do not allow just anyone to create an account and start editing, its sort of similar to how Skyrat is a whitelisted community in-large. The requirements for entry are very low however, you wont need to be a software expert or the best writer on the planet to get an account on the wiki. The only thing we would like to see is a want to contribute and you're golden. An account can be made by anyone that is an admin on the wiki, these are usually staff members but the head wiki maintainer ''should'' also have these permissions. So feel free to ping either on the discord to try and get yourself access! And while you wait for your account to be created you have a good opportunity to read up on this guide and how to contribute to the wiki.
 
==General Wiki Standard==
To keep things looking consistent on the wiki we have an established standard for most if not all things. These are just small simple things such as naming conventions or where and how to use capitalization or emboldening of text. These are sort of pseudo rules but they do not always have to be followed if it helps with the page you are working on.<br>
Some basic things that fall under the standard to keep things looking consistent are:
* Media (Things such as files, .png's .gif's, etc) Should either be uploaded in 64x64 or 32x32 (64x64 being preferred, exceptions are made for sprites larger than this of course)
** Secondly when you upload a file please include some key words in the summary box on the upload page. This will help the wiki's search functions locate the file easier. See: [[#Uploading files|Uploading files]] For more details on how to upload files.
** Names for files and other media should always be to the point, short and descriptive of the Icon or image. (So if you're uploading an image of a wrench call it wrench.png and not tool.png)
* Do not use excessive emboldening of text in articles. Keep it isolated to stuff like headers or text that is of high importance. Avoid using it in the middle of a paragraph as much as you can.
* Small jokes and humorous bits of strike-through text on pages are fine but it should stay contained to that. Do not make entire joke pages as this is a violation of the [[#Wiki Rules|Wiki Rules]]
* The first letter of a page name should always have capitalization applied to it.
* Try to keep articles and pages to the point and on topic. User pages and talk pages may be used to how you see fit.
* Try to avoid uploading duplicate images where possible and if you find a duplicate [[:Category:Slated for removal|Slate it for removal]] please.
 
=Basic Editing=
This section of the guide to wiki contribution will cover some of the basics. Things such as creating new pages, editing existing pages and articles along with uploading files.
<div class="toccolours mw-collapsible mw-collapsed" style="width: 80%;">
===Creating new pages===
<span style="font-size:1.2em;">A quick and easy explanation on how to create new pages. For making stuff such as guides or whatever your project is!</span>
<div class="mw-collapsible-content">
Alright, you need to create a page for a personal project, a guide to write or do whatever with. To do this follow the quick and easy steps listed below!
* '''Step 1:''' Type the name of the page you want to create into the search bar on the top right and hit enter.
* '''Step 2:''' You will now see the results of your search. Depending on what you typed into the search bar you might get some results from different pages that have words that match your search but that is not important. To create the page click on the red bit of text. (See Figure 1) [[File:Wiki guide example 1.png|thumb|right|320px|Figure 1]]
* '''Step 3:''' After you clicked on the red bit of text it will have re-directed you to an empty page with the name you typed into the search bar. In here you are free to create, type or put whatever and use it how you see fit.
[[File:Wiki guide example 2.png|480px]]
 
* '''Step 4:''' Saving your changes is done by pressing the blue save page button at the bottom of the text editor. If you want to detail some of the changes you have done or what kind of page you have created you can give a short little summary in the text box beneath ''Summary:'' in the editor. Anything you put in there will be shown in the change log.
 
<span style="font-size:120%">'''Miscellaneous Notes:'''</span>
* Try and keep your page names short and to the point and do not make them overly long. (This will only result in a mess when you try to link or display the name of a page with a really long name)
* Always capitalize the first letter of a page name.
</div></div>
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="width: 80%;">
===Editing a page===
<span style="font-size:1.2em;">A detailed explanation on how to edit pages with the two different editors.</span>
<div class="mw-collapsible-content">
<span style="font-size:120%">'''Disclaimer: This section will mostly cover the Source editor (Text editor) For help with the visual editor see: [https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide Mediawiki's guide]'''</span><br>
So you need to edit a page for some reason? It might be out of date, you might have found a spelling error or other incorrect information. Whatever it is that warrants the need for a change this quick step by step guide will help in getting your footing with editing a page on the wiki.
[[File:Wiki guide example 3.png|448px|thumb|right|Figure 2]]
* '''Step 1:''' Navigate to the page you want to edit and click ''Edit source'' or ''Edit'' (See Figure 2)<br>
(Clicking ''Edit source'' will bring up the text editor while ''Edit'' brings up the visual editor)
* '''Step 2 (Edit - Source/Text editor):''' You will now have the text editor open and be confronted with a window that looks like the following: (See Figure 3)
[[File:Wiki guide example 4.png|512px|thumb|right|Figure 3]]
* '''Step 2.1: Editor explanation (Source/text editor):''' See figure 3 and the text explanation below here.<br>
'''(1)''' In the middle of the screen and highlighted with red (1) is a large text box. This is the actual contents of the page (In text form), anything changed or added there will show up when the page is edited.
'''(2)''' Beneath that, and highlighted with green (2) is the summary box. This small text box can be used to describe any changes you made. When you save your edit and you described your changes in the summary box, that small summary will be shown in the change log in: [[Special:RecentChanges|Recent changes]] as well as the change log of the actual page itself. The button to view the change log of any page is located right next to the Edit and Edit Source buttons on the top right side of any page.
'''(3)''' Underneath the Summary box you can find two little buttons highlighted with purple (3). You can either tick or un-tick these and nothing else. Ticking the ''This is a minor edit'' box will mark the edit you made as minor. You can do this if the changes you made did not affect the contents of the page too much or if it was a simple small edit. (Edits smaller than 500 bytes will automatically be marked as minor) The button next to that will simply decide if the page will be added to your [[Special:Watchlist|Watchlist]] when you save the edit.
'''(4)''' Highlighted with Orange (4) and at the bottom of the editor four buttons can be found. All of which will be explained in their listed order:<br>
* Save changes: Simply saves the edits and changes you made to the page, updating it to the newly revised version you made.
* Show preview: Will show you a preview of the edit you are currently working on. Remove some words from (1) and add a few in another and hitting show preview afterward will show you the changes you made in the normal way the page is always displayed.
*Show changes: Shows a comparison and differences between the last revision of the page and the current edit you are working on. This difference is shown in a simple text format with things that have been removed highlighted in yellow, and new additions shown with blue.
*Cancel: Simply cancels your edit and closes the Editor.
'''(5)''' And lastly at the very top of the editor, highlighted with blue (5) is a helpful hot bar. This hot bar has buttons for: Adding bold text, Italic text, images, links and a whole lot more advanced and special functions listed underneath the drop-down menus for '''Advanced''' and '''Special characters'''. If you ever feel lost or forgot how to do something basic like linking to stuff on the wiki the drop-down menu underneath '''Help''' provides some great explanation to some of the more basic functions of the wiki.
* '''Step 2 (Edit - Visual editor):''' After clicking '''Edit''' you will be re-directed to the visual editor. The visual editor is an amazing and a <u>very</u> powerful tool. Its main strength comes from the fact that you can preview your edit as you're working on it. Given its nature is that you edit the text as its shown on the page, instead of working within a text-box like the source editor has.
* '''Step 2.1: Editor explanation (Visual editor):''' Mediawiki does a much better job at explaining the visual editor than I ever could so for a guide and explanation to it see: '''[https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide Help:VisualEditor/User guide]
<span style="font-size:120%">'''Miscellaneous Notes:'''</span>
*Try to always use the Summary window or describe your changes to the bare minimum using it please.
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="width: 80%;">
===Uploading files===
<span style="font-size:1.2em;">Where and how to upload images and other files onto the wiki in a quick and easy guide.</span>
<div class="mw-collapsible-content">
At some point on some random page an image or other file will become outdated and need replacing. Usually these files are flagged with the [[:Category:Needs revision|needs revision]] tag and can be found in that respective category. A full list of all files on the wiki can be found under the [[Special:ListFiles|file list]] This short guide will teach you how to upload files and some good etiquette when it comes to files on the wiki.
[[File:Wiki guide example 5.png|thumb|right|256px|Figure 4]][[File:wiki guide example 6.png|thumb|right|256px|Figure 5]]
To upload a file onto the wiki simply click on '''Upload file''' in the sidebar (See Figure 4).<br>
Alternatively you upload files through broken file links by simply clicking on them and submitting the right file. To see a broken file link see Figure 5
When you have followed either of the following methods you will find yourself on the upload file page. Here you can select a file from your computer, give it a name (Unless it already has one defined), Add a small summary describing the file or just adding key words into the summary and lastly upload it.
[[File:Wiki guide example 7.png|512px]]<br>
'''(1)''' You select the file from your computer here.<br>
A file may have a maximum size of 8 MB and only the following file types are accepted: <u>''png, gif, jpg, jpeg, webp.''</u><br>
(It is good practice to upload files or icons from the game in 64x64 and as a .png, given these Icons are not animated or larger than 64x64)
'''(2)''' Is a simple textbox that will determine the name of the file once its uploaded.<br>
Try to keep this as simple and short as possible. Capitalize the first letter of the name (applies if the file name has multiple words or one) and keep the name relevant to the file. Aka, Don't use complex names or random numbers and letters, this will only make finding said file a complete nightmare.
'''(3)''' Has both the Summary box and the licensing options, the latter of which is not that important. When you upload a file please enter either the name of the file or some keywords that relate to the file into the summary. Doing this will help immensely with having the search functions on the wiki actually find the file when searched for. For example: [[Media:Herb seeds.png]] has the following key words in the summary: ''Herb seeds''. As said previously the licensing options are not important and can be ignored.
'''(4)''' These are the Upload options, they are two simple tick boxes the first of which will determine if the file will end up on your [[Special:Watchlist|watchlist]] or not. The second will when ticked, ignore any warnings that ''could'' come from uploading a file. Warnings can be stuff like duplicate warnings so its generally good to leave this un-ticked.
'''(5)''' All the way the bottom you can find the upload button. When you have everything set you can hit this and your file will be uploaded onto the wiki!
<span style="font-size:120%">'''Miscellaneous Notes:'''</span>
* As said before, files should be uploaded in 64x64 if they're icons from the game (Stuff like items, machines, etc)
* Gifs and images should always be relevant to either the game or the point that you are trying to make on the page. If having some media on a page helps getting your point across feel free to use it!
* Uploading memes, your OC or any other form of non-relevant media will get your wiki account blocked and said media deleted.
* When you upload a new version of an image or any other piece of media it will take a while for the cache to update the change. So dont panic when you see the old Icon listed twice after you uploaded a new one.
</div></div>
=Basic Wiki Syntax=
The syntax available to wiki contributors is not usually well presented so a repository of tutorials and information is needed here. This provides the most basic tools a wiki contributor will need in order to fully edit the wiki. 99% of the time, the average wiki contributor will not need more than this (in addition to templates later).
<div class="toccolours mw-collapsible mw-collapsed" style="width: 80%;">
===Text Formatting===
<span style="font-size:1.2em;">Text by itself is extremely ''boring'' and often ''hard to read'', so you can use text formatting to make your words really POP!</span>
<div class="mw-collapsible-content">
{|class ="wikitable mw-collapseable" width: "80%";"
|- style="font-weight:bold;background-color:Gray;text-align:center;"
! style="center;"            | Format Type
! style="left;"              | Usage
! style="center;"            | Output
|-
! Bold
| Use this to bring attention to important text <pre>'''This text is bold'''</pre>
| '''This text is bold!'''
|-
! Italic
| Use this to enounciate certain words <pre>''This text is italicized!''</pre>
| ''This text is italicized!''
|-
! Headings
| Use this to declare a section of your article and organize it
* Level 1 Headings should not be used because it conflicts with the wiki page's structure
* 4 or more headings causes the page to have a Table of Contents(TOC)
* Headings must be at the start of a line and come directly after other text
<pre>
==Level 2==
===Level 3===
====Level 4====
=====Level 5=====
======Level 6 ======
</pre>
|
<font style="font-size:1.5em">'''Level 2'''</font>
<font style="font-size:1.2em">'''Level 3'''</font>
'''Level 4'''
'''Level 5'''
'''Level 6'''
|-
! Paragraphs
| You can designate sections of text as paragraphs which will for a linebreak before and after that section, you can also apply some more advanced formatting through [[#Style|Styles]] with it. <pre><p> This is a paragraph of text! </p></pre>
| <p> This is a paragraph of text! </p>
|-
!Bullet Lists
|This is how you create bullet lists
<pre>*Item 1
* Item 2
** Item 2.1
** Item 2.2
* Item 3
** Item 3.1
*:- Definition </pre>
|
* Item 2
** Item 2.1
** Item 2.2
* Item 3
** Item 3.1
*:- Definition
|-
!Numbered Lists
|This is how you create numbered lists
<pre>
#Item 1
# Item 2
## Item 2.1
## Item 2.2
# Item 3
## Item 3.1
</pre>
|
#Item 1
# Item 2
## Item 2.1
## Item 2.2
# Item 3
## Item 3.1
|-
! Preformatted Text
| Use this to preformat text with a certain, this will alos allow you to write anything within the pre blocks without the wiki recognizing it as text formatting.
<pre><pre>This text is preformatted to be the default font and style, <b>Things aren't bolded</b> or <i>Italicized</i>!!!&lt;/pre></pre>
| <pre>This text is preformatted to be the default font and style, <b>Things aren't bolded</b> or <i>Italicized</i>!!!</pre>
|-
! Comments {{Anchor|Comment}}
| Use this to leave important notes/messages to people editing the page. Comments do not show up when you view the wiki page and are only visible in the page editor.
<pre> <!--This is a comment, to whoever is reading this -->
The Fitness Gram Pacer Test is a multi-stage aerobic exercise...</pre>
| <!--This is a comment, to whoever is reading this -->
The Fitness Gram Pacer Test is a multi-stage aerobic exercise...
|-
! Nowiki
| The nowiki block makes it so that any formatting within the block is ignore and is instead displayed as regular text. <pre>&lt;nowiki&gt;<b>This is bold!<b> this is a burger: [[File:Burger.png]]&lt;/nowiki&gt;</pre>
| <nowiki><b>This is bold!<b>
this is a burger: [[File:Burger.png]]</nowiki>
|}
</div>
</div>
<div class="toccolours mw-collapsible mw-collapsed" style="width: 80%;">
===References===
<span style="font-size:1.2em;">It is very important the articles link to each other so we have a web of information. In order to do this, we can reference articles and link keywords to those articles.</span>
<div class="mw-collapsible-content">
The most obvious way to do this is by typing <nowiki>[[Article Name]]</nowiki>
For example, you could link to the [[Guide to food]] by typing <pre>[[Guide to food]]</pre>
You can also link the article and change the link text. If you wanted to still link to the guide to food but instead have the link be [[Guide to food|Cooking]] then you would have to use the syntax below. The two parameters for images is the <b>Page Name</b> and the <b>Link Text</b> --> <nowiki>[[Page Name|Link Text]] </nowiki> <pre>[[Guide to food|Cooking]]</pre>
====Referencing Nuances====
As a general note, you should always add spaces after references as it will include any characters that are next to it. So if you write <nowiki>[[Guide to food]]textextext</nowiki> It will output as [[Guide to food]]textextext.
If you wanted to do something like [[Engineering items#SMES Cell|SMES]]<nowiki />'s where you have characters directly next to the link then you would have to add the <nowiki><nowiki /></nowiki> tag to it --> <nowiki>[[SMES]]<nowiki />'s</nowiki>
If you want to link to an image rather than embedding it you will need to add a ':' colon before the name. For example, I can reference [[:File:Burger.png]] without the image embedding itself by doing: <pre>[[:File:Burger.png]]</pre>
If you want to link to something outside of the Main: Namespace (if you're not sure what a namespace is, go [[#Namespaces|here]], but for now all you need to know is that all general users will be reading are in the Main Namespace) you will have to specify which namespace the article is in before you link it.
For example if I wanted to link to my user page:[[User:Quacks]] I cannot just use <nowiki>[[Quacks]] because it will automatically default to the main namespace -> [[Main:Quacks]]</nowiki> which does not exist. I will have to instead specify which name space I'm searching in. For the user's name space I will specify User <pre>[[User:Quacks]]</pre>
====Referencing Subsections====
Sometimes you don't want to just link to an article, you want to link to a specific point in that article.
By adding a hashtag '#' to the end of a page name in your link you can specify where you want to go in that article. You can do this for any <b>subsection</b> in an article.
If I wanted to link [[Guide to food#Burgers|this]] to burgers on the guide to food. All I would have to do is specify it like so: <pre> [[Guide to food#Burgers]]</pre>
If the area you're referencing is in the article where the link is you can shorten the syntax. For example if I was on the Guide to food page and I wanted to link a certain word to a subsection/anchor all I would have to do is use a '#' and write the subsection name: <pre>[[#Burgers]]</pre>
=====Anchors=====
An Anchor is a defined place within in a page that you can link people to. They work much like headings where you can link people to them: <pre>[[Page Name#Anchor Name]].</pre> Infact, all headings have anchors attached to them!
On our wiki we have [[Template:Anchor]] which allows us to create anchors extremely easily. What you will need to do is find the area you want someone to be taken to and place the anchor directly next to it via <pre>{{Anchor|Anchor_Name}}</pre>
If I wanted to create an anchor right -> here{{Anchor|AnchorExampleSpot}} <- all I would have to do is this: <pre>If I wanted to create an anchor right -> here{{Anchor|AnchorExampleSpot}} <-</pre>
now if you click on [[#AnchorExampleSpot]] it should take you directly to the anchor.
====External References====
Occasionally you will need to reference a link outside of the Wiki. This is often seen in articles that are guides to spritiing/code stuff or in our rule pages. Bottom line, you will rarely ever have to use an external reference and it should be avoided. If you ever do need to add an external link, it is a lot like referencing an internal article.
You will needs to use one opening square bracket <nowiki>'''['''</nowiki> and one closing square bracket <nowiki>''']'''</nowiki>  Inbetween you will need to put the link, add a space after the link and define the text for the link
<pre> [https://github.com/Skyrat-SS13/Skyrat-tg Github] </pre>
This outputs: [https://github.com/Skyrat-SS13/Skyrat-tg Github]
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="width: 80%;">
===Images===
<span style="font-size:1.2em;">Images are extremely important for the wiki, without them people wouldn't know what icons/mobs would look like or get a visual representation of what they're supposed to do.</span>
<div class="mw-collapsible-content">
In order to use an image you must utilize the <nowiki>[[File:]]</nowiki> synax.
For example, if you want to use Burger.png: [[File:Burger.png|32px]] then you must specify <nowiki>[[File:Burger.png]]</nowiki>. This will make Burger.png appear wherever you declare this.
However, in order to make images useful to us, we need to format that in a way that is easy to understand and see. We can add parameters to our image by utilizing the pipe '|' character. If you want your image to a certain size and make it link to another page you can specify it as <nowiki>[[File:Burger.png|64px|link=Space Law]]</nowiki>. There's a ton of parameters you can use but the most important ones are listed below.
{|class="wikitable mw-collapsible"
|- style="font-weight:bold;background-color:Gray;text-align:center;"
! style="center; width: 10%"| Format Type
! style="left;"              | Usage
! style="center;"            | Output
|-
! Pixel Size
| You can declare how large you want your image to be in pixels. Generally, you want to stick with either the original size of the file, 64px, or 32px. Or else you may have lossy resizing. <pre>[[File:Burger.png|128px]]</pre>
| [[File:Burger.png|128px]]
|-
! Image Alignment
| You can align an image like you align text. You have four options: left, right, center, and justified <pre>[[File:Burger.png|right]]</pre>
| [[File:Burger.png|right]]
|-
! Framing
| You can put an image in a bordered frame. However, this will not allow you to resize the image. <pre>[[File:Burger.png|frame]]</pre>
| [[File:Burger.png|frame]]
|-
! Thumbnail
| You can put an object in a thumbnail which allows the image to be clicked and expanded. This allows you to resize an image while still having it be in a frame <pre>[[File:Burger.png|thumb]]</pre>
| [[File:Burger.png|thumb]]
|-
! Links
| You can make an image link to a page when it is clicked. You only need to include the page name/subsection and not the full link. <pre>[[File:Burger.png|link=Space Law]]</pre>
| [[File:Burger.png|link=Space Law]]
|-
! Captions
| You can add a caption to a framed image or have a tooltip appear with that caption with non framed images. <pre>[[File:Burger.png|Hello! this is my caption!]] and also [[File:Burger.png|Hello! this is my second caption!|frame]]</pre>
| [[File:Burger.png|Hello! this is my caption!]] [[File:Burger.png|Hello! this is my second caption!|frame]]
|}
</div></div>
<div class="toccolours mw-collapsible mw-collapsed" style="width: 80%;">
===Tables===
<span style="font-size:1.2em;">Put data and other info into tables cause it helps readers digest information more betterer</span>
<div class="mw-collapsible-content">
A wikitable always has to be wrapped by curly brackets and a pipe bracket
<pre>{|
All the content goes here
|}</pre>
Below from left to right is Table Syntax, an example table in final form, and example code for a table.
{|class ="wikitable" style="float:left"
|-
! style="center;"            | Syntax
! style="center;"            | What it does
|-
! <nowiki>{|</nowiki>
| Start a table - ''required''
|-
! <nowiki>|}</nowiki>
| End a table - ''required''
|-
! <nowiki>|+</nowiki>
| Add a definition/title to the table
|-
! <nowiki>|-</nowiki>
| Starts a new row
|-
! <nowiki>!</nowiki>
| Creates a Header Cell
|-
! <nowiki>|</nowiki>
| creates a new cell
|}
{|class="wikitable" style="float:left; margin:10pt;"
|-
! Header Cell
! Header Cell
! Header Cell
|-
! Header Cell
| Cell
| Cell
|-
! Header Cell
| Cell
| Cell
|-
! Header Cell
| Cell
| Cell
|-
! Header Cell
| Cell
| Cell
|-
! Header Cell
| Cell
| Cell
|-
! Header Cell
| Cell
| Cell
|}
<pre>
{|class="wikitable"
|-
! Header Cell
! Header Cell
! Header Cell
|-
! Header Cell
| Cell
| Cell
|}
</pre>
====Table Classes====
You should never go with the default table setup because it has no border or lines to break up cells. In order to give our tables fancy UI we have to declare what class it is.
We always do this at the beginning directly after the table start syntax
The '''wikitable''' class gives our tables borders/outlines with grey backgrounds for header cells
{|class="wikitable"  style="float:right;"
|-
! Header Cell
! Header Cell
! Header Cell
|-
! Header Cell
| Cell
| Cell
|}
<pre>{|class="wikitable"
|-
! Header Cell
! Header Cell
! Header Cell
|-
! Header Cell
| Cell
| Cell
|}</pre>
The '''mw-collapsible''' class makes it so you can collapse the table(have to include wikitable class)
{|class="wikitable mw-collapsible"  style="float:right;"
|-
! Header Cell
! Header Cell
! Header Cell
|-
! Header Cell
| Cell
| Cell
|}
<pre>{|class="wikitable mw-collapsible"
|-
! Header Cell
! Header Cell
! Header Cell
|-
! Header Cell
| Cell
| Cell
|}</pre>
The '''mw-collapsed''' starts a table with a mw-collapsible class in the collapsed state.
{|class="wikitable mw-collapsible mw-collapsed"  style="float:right;"
|-
! Header Cell
! Header Cell
! Header Cell
|-
! Header Cell
| Cell
| Cell
|}
<pre>{|class="wikitable mw-collapsible mw-collapsed"
|-
! Header Cell
! Header Cell
! Header Cell
|-
! Header Cell
| Cell
| Cell
|}</pre>
The '''Sortable''' class allows you to make your columns sortable alphabetically, numerically, or by date. Additionally, by defining a row with <nowiki>class="unsortable"</nowiki> you can make it so that row isn't sortable.
{| class="wikitable sortable" style="float:right;"
|-
! Alphabetic
! Numeric
! Date
! class="unsortable" | Unsortable
|-
| d || 20 || 2008-11-24 || This
|-
| b || 8 || 2004-03-01 || column
|-
| a || 6 || 1979-07-23 || cannot
|-
| c || 4.2 || 1492-12-08 || be
|-
| e || 0 || 1601-08-13 || sorted.
|}
<pre>
{| class="wikitable sortable"
|-
! Alphabetic
! Numeric
! Date
! class="unsortable" | Unsortable
|-
| d || 20 || 2008-11-24 || This
|-
| b || 8 || 2004-03-01 || column
|-
| a || 6 || 1979-07-23 || cannot
|-
| c || 4.2 || 1492-12-08 || be
|-
| e || 0 || 1601-08-13 || sorted.
|}</pre>
====Cell Size Formatting====
You can define the '''size of a cell''' by using colspan and rowspan.
{| class="wikitable" style="float: right;"
!col1
!col2
!col3
!col4
|-
!row1
| colspan="2" | A
|C
|-
!row2
|AA
|BB
|CC
|-
!row3
|AAA
| rowspan="2" | BBB
|CCC
|-
!row4
|AAAA
|CCCC
|}
<pre>{| class="wikitable" style="text-align: center;"
!col1
!col2
!col3
!col4
|-
!row1
| colspan="2" | A
|C
|-
!row2
|AA
|BB
|CC
|-
!row3
|AAA
| rowspan="2" | BBB
|CCC
|-
!row4
|AAAA
|CCCC
|}</pre>
====Table Style====
Without defining the style of your table, it will look rather barebones. Most pages on this wiki have a color theme to them so it's important to know how to do this.
Whenever you're defining the style (aka how it looks) of a table you will need to declare it using the <nowiki>style=""</nowiki> syntax.
However, '''what do you put inbetween those quotations marks?''' Well the answer isn't the same for all the style options you have with HTML. For example, if you want to make background color of the table CadetBlue you would have to do this:
<pre>
{|class="wikitable" style="background-color:CadetBlue;"
|-
| Cell
| Cell
| Cell
|-
! Header Cell
| Cell
| Cell
|}</pre>
Notice how the there is a semi-colon ';' after it. You must use semicolons to separate each attribute you use and to end the string.
For more information on what attributes there are for styling go [[#Style|Here]]<nowiki />.
Depending on what you're trying to do, you can style different parts of a table. '''To style the entire table''', your style will have to go directly after where you define the class of the table:
<pre>
{|class="wikitable" style="text-align:justify;"
|-
| Cell
| Cell
| Cell
|-
! Header Cell
| Cell
| Cell
|}</pre>
To Style '''Individual Cells''' you will need to define the style of the cell and then use the '|' character after which you can then write the content that would go into the cell. Additionally, you can do this to header cells "!" in the sameway.
<pre>{|class="wikitable"
|-
! style="color:blue; text-weight:bold;" | This Header Cell is Styled!
| Cell
| Cell
|-
! Header Cell
| Cell
| style="text-align:left" | This Cell is also Styled!
|}</pre>
To Style '''Rows''' you will need to define the style after you declare the row with 'the |-' character
<pre>{|class="wikitable"
|-
| Cell
| Cell
| Cell
|- style="text-weight:bold;"
! Bold Header Cell
| Bold Cell
| bold Cell
|}</pre>
</div>
</div>
</div>
==Using Templates==
On the wiki we have a large variety of templates, all serving their own unique function and purpose to how the designer saw fit. A good comprehensive list of all of our templates can be found in [[:Category:Templates|the templates category]] where they are all sorted and dived into sub categories depending on their use. But enough about that, let's actually get down and learn how to use a template!
A template can be called on and shown on a page by entering the following syntax: <pre>{{TEMPLATENAME}} - You can also feature the namespace and it will still work, like so: {{Template:TEMPLATENAME}}</pre>
Depending on what template is used you might find yourself having a few parameters to customize when you use the template on a page. A short list of customizable parameters can usually be found on the page of the template (If it has any)<br>
To give a nice example we'll take [[Template:Needs revision]] and show you how to use it. To feature the template on your article or page simply add the following to the page: <pre>{{Needs revision}} - This will cause the following to show up:</pre>
{{Needs revision}}
Something that instantly becomes clear is the reason and priority are undefined. To correct this simply go back to where you added the template in your page and add this:
<pre>{{Needs revision| reason = Example! | priority = Example!!}} - This will cause the following to show up on the page:</pre>
{{Needs revision| reason = Example! | priority = Example!!}}
To explain it in simple terms all you have to do is this:
<pre>{{TEMPLATE NAME| PARAMETER NAME = DEFINE (The define can differ per template so be sure to check with other uses of the same template}}</pre>

Revision as of 10:42, 16 July 2022

PLACEHOLDER
PLACEHOLDER
Retrieved from ‘http://wiki.skyrat13.space/index.php?title=User:Quacks/Testing&oldid=12384’