User blog:Loupi/Tutorial: How to create a Hero Page and use Wiki Templates

Greetings and welcome to Loupi's tutorial on how to create hero pages, new effects and how to use the templates used in general.

Creating a New Page

 * 1) First of all click Contribute which is below the top bar of the wiki.


 * 1) Then click Add a Page.


 * 1) Give your page a name (the preferred format is Name of the Hero/Your Username for example Batman/Loupi) and click Add a Page. (Note: your page isn't actually created until you click Save Page so if you make a mistake in the name of the page don't worry just go to Step 1 again)

Now you'll notice that the page is blank: http://i.imgur.com/qavtra9.png

This is the new editor which appears when you also click Edit in any page. I prefer the Classic Editor but we'll talk about that later.

Click on the button on the left of the cancel button (the one with the 3 lines) and then click on Source Editor. Here you can work with the code. Now we need to find the code for the Hero templates.

Hero Infobox & Hero Actions Templates
There's 2 basic templates:


 * 1) The Hero Infobox which is the top part of the page and includes the Sprite, Stats, Bio, Team Info, Unlock Requirements & Passives.

There's several alternate version of both of these templates that do other stuff. For example multi-function options or 2 movesets (like Cable/Vision/etc). We'll get on these later.
 * 1) The Hero Actions which contains the moves.

So you go to the pages with the codes (these can also be found in the category with all the templates), scroll down to the code and copy it.

http://i.imgur.com/PnoNOpt.png http://i.imgur.com/M716ns0.png

Paste both of the codes (first the Infobox then the Actions) in the Source Editor back in your page. The brackets are used to begin and end the code so if you accidentally delete one of them the template will look all messed up.

Click Apply Changes.

Adding Info into Hero Infobox Template
Now you'll see the templates have appeared but they're empty so we need to fill them with info. Click the Source Editor again. We'll now add the info for your hero.


 * 1) First of all select the class. Just type the name of one of the classes (without the commas and parentheses).
 * 2) In the next section you add the name e.g. Batman.
 * 3) In the image section you add the name of the image or sprite (if you want one) e.g. Batman-Classic.png and  in imgpx you add the size you want the image to be displayed in. If the image is a sprite and said sprite is in the size of MAA sprites then just add default and the template will show the sprite in the original size. If not then 250px or 300px is fine.
 * 4) In the default section you add the name of the hero again but add the specific "version" of them for example Classic Batman.
 * 5) The cost depends on you. If the character is recruited with just CP you can use the template for the CP which is {Commpoint|X} (but with 2 brackets instead of 1) where X is the amount of CP.
 * 6) The organizations and stats are also optional and up to you.
 * 7) We'll skip the passives for now.
 * 8) The bio is optional and up to you as well.
 * 9) In the gender if applicable just add male or female (no other options unfortunately).
 * 10) Last but not least in metal add yes or no if you want but again it's optional.

Adding Info into Hero Actions Template
So we've added the desired info in the first template. Now we'll add the info for the moves.


 * 1) If you intend to make/add icons for your hero they need to have this format Image-Move Name. The Image part needs to be the same as in the first section of the Hero Actions Template ( | image   = ) otherwise the icons won't show.
 * 2) The Name  sections need to also be the same as in the Move Name part of the filename for the icons to show.
 * 3) Stamina is up to you. Just add a reasonable number and %.
 * 4) Target can be One Enemy, All Enemies, Self, One Ally, All Allies or All.
 * 5) Cooldown is up to you. Add 1, 2, 3 etc & Round(s).
 * 6) Hits determine the number of hits.
 * 7) HitCrit is up to you as well. E.g.: 80%/20%
 * 8) In Type add the kind of attack the move is. Examples: Buff Magic or Melee Slashing etc.
 * 9) For the Effects section read below on how to add an existing effect or create new ones.

Adding Effects/Creating New Effects
Let's go back to adding effects in the passives and moves now. To add an existing effect you use this template. Example: . So if you want to use existing effects just use this template.

To create a new effect you need 2 things:

So:
 * 1) The page of the effect.
 * 2) The Template:EI- page.

And this is how you create a page for a new effect.
 * 1) Create a new page.
 * 2) Give it the name of the effect you want e.g. Metal Wings.
 * 3) Go to the Source Editor and paste the code from the Effect Infobox.
 * 4) Add the name of the Effect.
 * 5) In the Icon Number go to the Effect Icons page and select the one you want.
 * 6) Next in the Icon Color depending on the effect you're creating select one of the three:
 * 7) Blue for passives & attack buff effects.
 * 8) Green for buff effects.
 * 9) Red for debuff  effects.
 * 10) Icon Border is determined by 1 for no border, 2 for silver and 3 for gold.
 * 11) In Type select one of these:
 * 12) Buff for Buff Effects.
 * 13) Passive for Passive Buff Effects.
 * 14) Debuff for Debuff Effects.
 * 15) PassiveD for Passive Debuff Effects.
 * 16) Attack Buff for Attack Buff Effects.
 * 17) PassiveA for Passive Attack Buff Effects.
 * 18) Duration is optional depending on the effect but if you want to add one add 1 Round or 2 Rounds etc
 * 19) In the Effects you decribe what the effect does.
 * 20) Optional: you can use {bull} (with 2 brackets) to add a bullet like this:   or {bull2} for a smaller bullet: . Also to separate lines you can add < b r / > without the blanks
 * 21) ​Part of and Similar are optional. I usually ignore them so we won't go over these.
 * 22) The tooltip is what shows when you hover over an effect Burning. To add the tooltip you need a separate template which can be found here.
 * 23) ​Copy the code and paste it after |tooltip     = of the Hero Infobox template.
 * 24) Then just add the same info as above in the Infobox.
 * 25) Click Save Page or Publish

Now let's add the effect you created in the passives (let's just pretend it was a passive) in the Hero Infobox template. As i said before to add an effect in your hero you add this template. You'll notice your effect is in red even though you created the page for it. Thats is why the template requires the Template:EI- page as well so let's create it. Click Save Page/Publish. Now your effect will appear properly when you use the EIT template.
 * 1) Create another new page.
 * 2) Name it Template:EI-Name of the Effect (Careful for typos!)
 * 3) Go to the Effect Icon Format template page and copy the code.
 * 4) The sections are described in the page so no need to describe them again.