Editing Help

From TribalWarsWiki

Welcome to the Editing Help page! The editting help page is designed to help new and perhaps even the experienced editors of this Wiki to learn the basics of Wiki mark-up and how to use the various tools found around the Wiki.

To implement many of the tools, you can use the Edit-tools; Below is a screenshot of them to help you find them. The article refers to this line of tools for most sections; When phrases such as 'click the icon above' are written, it is an understood reference to the corresponding icon whilst editing, not the image on this page.

Simple Mark-up/tools

This section will help you understand how to use simple tools and Wiki mark-up which this wiki has to offer. It gives a basic overview of some of the simple features which can make your editing look better.

Bold Text

This can be used to emphasize certain areas of the page your editing. This tool can be used anywhere from Headings through quotes.

To use this tool you surround text in three subsequent apostrophes ('''texthere'''). Otherwise, highlight the text and use the 'B' icon as seen above from your toolbar.

Example
'''This text is now displayed bold''' =	This text is now displayed bold

Italics

This can be used to distinguish certain words from the rest of the text. This tool can be used anywhere in the text.

So to use this tool you can either use ''Italic text'' or you can simply highlight the text and click the icon above.

Example
''This text is now displayed as italics'' =	This text is now displayed as italics

Underlining

This is another technique that can be used to emphasize certain aspects of the page you are editing and it is possibly the most eye-catching technique.

So to use this tool you can either use <u>Underlined text</u> or you can simply highlight the text and click the icon above.

Example
<u>This text is now displayed as underlined</u> =	This text is now displayed as underlined

Internal Link

Extremely simple to use and will be found on every page. This simply is a quick way to link pages together, mostly to aid the users find relevant topics to the page they are viewing. This creates a link to another page on this Wiki, saving space from placing the entire URL in the text area.

So to use this tool you can either use [[Link|title]] or you can simply click the icon above.

Example
[[Main_Page\|This links to the Main Page]] =	This links to the Main Page

External Link

Slightly more complex that the internal link, but still simple to use. This creates a link to another page outside of this Wiki, saving space from placing the entire URL in the text area. It is used to link to external sites that may be of help to the users reading the page. You are reminded that you may only link to relevant and suitable pages.

So to use this tool you can either use [http://www.example.com link title] or you can simply click the icon above. It must always have the "http://" prefix. Don't forget to leave a space after the URL for a title! In the above example instead of displaying the actual link, you can rename it to something more suitable, for example:

Example
[http://www.tribalwars.net Tribalwars Homepage] =	Tribalwars Homepage

Headlines (Level 2/3) -

These are used on every page, mostly for formatting purposes. These help separate certain topics, and gives a nice title to each section of the page. For pages with heavy content load, it is advised to use real headlines to create a user-friendly table of contents for easy browsing.

So to use Level 2 Headline you can either use or click the first icon above. To use a Level 3 Headline you can either use === Secondary Headline Text === or click the second icon above.

Example
== Headline text == = An example can be seen at the top, the headline Simple Mark-up/tools

Images(Basic Stage)

The image tool is used to embed images into the page. It is used often as a reference, or to make the page more welcoming. Read below for an in-depth use of image re-sizing and alignment.

So to use this tool you can either use the method shown below, or use the icon above. BE SURE TO CHANGE THE IMAGE DESTINATION, IT DOESN'T AUTOMATICALLY KNOW WHICH IMAGE YOU'RE LOOKING FOR!!

Example
[[Image:EmbeddedImage.png]] =

Note: Before an image can be displayed on a page you must upload the image which can be done at the Image Upload Page. Also, it is requested you use the ".png" format, else your image be deleted due to delayed page loads.

How to Ignore Wiki Formatting

To tell the page/compiler that you don't want it to use wiki formatting you must enclose anything you don't want to be changed in <nowiki>Enter What you don't want changed here</nowiki> or you use the icon above.

Example: <big>This would normally display big writing, but because of the nowiki tag, it ignores the formatting.</big>

Small Text

This is rarely used on most wiki's but you may need to use it occasionally. To use it you can either use <small>Small Text</small> or use the icon above.

Example: This text is now displayed as small

Numbered List

This is a great tool for all users and editors. It can be used to neatly display information, or give step by step instructions.

So to use this tool either use # Element 1 # Element 2 # Element 3 or use the icon above. Each time you put a # it will add the next number.

Example:

Firstly...
Then...
Finally...

Bullet Points

Again this is a great tool similar to the Numbered list, except there are no numbers. It can be used to neatly display information in an organised way.

So to use this tool you either use * Element A * Element B * Element C or use the icon above. Each time you put a * it will add another bullet point.
Example:

Point One
Point Two
Point Three

Advanced Tools

In this section you will learn the more advanced techniques that can be used on this wiki.

Alignment

This section will teach you how to align text, it will align all you put between the tags.

Left

This tool aligns anything between the <div> tags to the left. To use this tool include the following; <div style="text-align: left; direction: ltr; margin-left: 1em;"> Left-aligned text </div>
Or you can simply press the button displayed above.

Center

This tool aligns anything between the <div> tags to the center. To use this tool include the following; <div style="text-align: center;"> Centred text </div>
Or you can simply press the button displayed above.

Right

This tool aligns anything between the <div> tags to the right. To use this tool include the following; <div style="text-align: right; direction: ltr; margin-left: 1em;"> Right-aligned text </div>
Or you can simply press the button displayed above.

Colored Text

This line of code will allow you to change the color of your text. It can be changed to anything you wish, as long as you know the HTML color code or more simply write the color in word format for simpler colors.

To implement the tool simply use:
<span style="color: ColourName">colored text</span>
or simply press the button displayed above.

On Page Comments

It is possible to add a comment to a page. This comment is only available when you are in edit mode, when viewing a page normally it will not show on the page. It is a simple tool often used to leave notes or warnings for users.

To implement the tool use:

Anything you write between  will be classed as a comment and will not be displayed on the page. You can also implement the comment tool by using the button shown above.

Templates

Although templates themselves are generally not hard to implement it can be confusing for some users. All templates start with {{ and end with }}. The name of the template is put between the two curly brackets.

To implement a simple template simply use:
{{TemplateName}}
Some templates will have parameters this adds information into a designated area on the template. An example is shown below:
{{TemplateName
|Parameter1=Input1 (sometimes)
|Parameter2=Input2 (sometimes)
|Parameter3=Input3 (sometimes)
}}
There can be any number of parameters; if the template has parameters, the parameters will be listed under the usage section on that templates page. Some templates have specific parameters, thus you'll need to include the =input for it to show up. Others have unnamed Parameters, automatically filling in the area with text based on how many parameters you have present.

Tables

The tables element is complex and is best explained by wikipedia's dedicated help website which can be found here. This page gives a brief and simple explaination. To insert a table onto a page simply use the button displayed above. Or use code similar to this:



{| class="wikitable" 
! Heading 1
! Heading 2
! Heading 3
|- 
| Heading 1, Row 1, Cell 1 Info | Heading 2, Row 1, cell 2 Info | Heading 3, Row 1, cell 3 Info
|- 
| Heading 1, Row 2, Cell 1 info | Heading 2, Row 2, Cell 2 info | Heading 3, Row 2, Cell 3 info
|}

Remember these points about tables and you can't go wrong:

Always start a table with {| and end a table with |}
After each row is completed, remember to add |-
To tell the table to move to the next cell, always use | .

Non-breaking spaces

To insert a non-breaking space use  
To show the code for a non-breaking space use &nbsp;