Blox Cards Wikia
Advertisement

This page is devoted as a guide to help wikia contributors create a deck page. It's important to use Deck Template and Deck Template/Wikitext as resources to help you with creating a page.

Hey there! Do you wish to create a deck page for the wikia, but don't know how to create a page? Never fear, Blitzwolfer is here! I'm here to teach you step-by-step to help create your first deck page!

If you need anything, post your questions in the comments or in the forums. There are lovely people working here who are happy to help you!

Section 0: Creating a Page

Craeting a new page is the basics of contributing to the wikia. While there are people who visit the wikia regularly, most don't know how to create a page. This section is for anyone who wants to know!

Adding a New Page

DeckTemplate - Adding a New Page.png

Let's start by creating a new page. Don't know how to create one? Look at the top right corner of the website. While it may be different for users, there should be an icon that looks like a paper. That's the "Add new page" button! Let's click on that button!

Naming Your Page

DeckTemplate - Naming Your Page.PNG

Here, a pop-up will open up, asking you for the name or title of your page. In this case, it's the name of your deck.

You can use any name/title, so long as it's:

  • Appropriate
  • Understandable
  • Not taken
    • If it is taken, you can search the page up with the search bar at the top of your screen! Deck pages that have outdated decklists can be replaced with your own decklist. You could even have two or more decklists on one page (but see #Tabbers for more information)!

Source Editor

DeckTemplate - Source Editor.png

Once you click next, you will be taken to edit the page. For this step, go to the page Deck Template/Wikitext to copy and paste the wikitext into source editor.

Where's source editor? See the icon next to the "cancel" button; the one with three horizontal lines? Clicking on that icon will open more options. Then, you'll find source editor!

Why do I need to use source editor? Because that wikitext that you just copied is basic html code. If you pasted it onto visual editor (the normal editor by default), the website will instead treat it as text, and it won't get the format you want.

When you saved the code, it should look like the Deck Template page in visual editor. If it doesn't, you may did something wrong. Undo and start over. Remember: put it in source editor!

Sidenote

For the entire tutorial, we’re going to be using source editor as opposed visual editor. This is because most of our edits will be in the source editor; trying to edit in visual editor is clunky and tedious for this kind of work.

Section 1: The Summary

The summary is everything the reader will first see; the basic description of the deck, an image representing what the deck is, and some basic navigation tools to help the reader quickly get to a section in the page.

Here's what it looks like on the Deck Template page:

DeckTemplate - Summary.png

Here's what it looks like in source editor:

 [[File:Stud.png|thumb|right]]
 This '''Deck Template''' is to be used when creating a new deck. The basic skeleton of a deck page should be the Stats, Decklist, How to Play, and How to Beat 
 sections. The creator of the deck should modify things within this skeleton as necessary to present and describe the featured deck. See [[Deck Template/Wikitext]] for the wikitext.
 
 __TOC__
 {{clear}}

Let's review what each of line of code is.

Image

DeckTemplate - Searching Images.png

Click on me!

The File:Stud.png code pulls up an image from the Blox Card wikia's image database. It cannot pull up an image that doesn't currently exist in this wikia's database. In most cases, you can selectively and manually find an image by typing in "File:" in the search bar above. For example, searching up "File:Stud" brings up the image page for File:Stud.png.

If you can't find a certain card image, trying searching up its card page. After that, click on its card image, then clicking on the name's hyperlink. Alternatively, you can mouse over the image, and clicking the (i) at the bottom right corner of the image, if it doesn't let you do that (e.g. when the image links you to another page when you click on it). These methods usually work with any image. Try it with the image on the right!

Now that you know this, replace Stud.png with any file name you want in source editor!

What if it isn't showing an image correctly? It means that you either typed the image file incorrectly or the image file doesn't exist.

Description

The description is text that describes the deck in a general and broad point of view. You can put literally anything as your description.

Table of Contents

The Table of Contents is abbreviated as TOC, and the code to manually add it in is __TOC__. In most cases, the Table of Contents is automatically added into pages. This piece of code is optional, but it's advised to keep it in if the page is too short.

Clear

The Template:Clear, appearing as {{clear}}, is a piece of code that prevents certain elements of a page to overlap. This is especially handy when it comes to formatting pages with images and tables. Again, this piece of code is optional, but the page will look really cluttered if you remove that.

Section 2: The Stats

The stats section is an overview of the information and the capabilities of this deck.

Here's what it looks like on the Deck Template page:

DeckTemplate - Stats.PNG

Here's what it looks like in the source editor:

== Stats ==
{| class="article-table"
!Name:
|The name of the deck.
|-
!Creator:
|The name of the person who built the deck.
|-
!Deck Colors:
|The most common colors in the deck.
|-
!Deck Type:
|The category of the deck's playstyle. See [[Deckbuilding 101#Deck Terminology|Deck Terminology]] for help on this.
|-
!Goldfish: 0-60
|How many turns, on average, the deck takes to win.
|-
!Consistency: X/5
|How much you'll not hate the opening hand, or how static the cards' effects are. A rating of 5/5 represents a deck that always gets to do what it wants in the first couple turns and whose effects do the same thing every time.
|-
!Complexity: X/5
|How difficult the deck is to play. A rating of 5/5 represents the most difficult deck to master.
|-
!Accessibility: X/5
|How easy it is to get the cards to build the deck. A rating of 5/5 represents a deck anyone could easily and cheaply purchase or create.
|-
!Versatility: X/5
|How difficult the deck is to counter, or how often it can interact with other decks. A rating of 5/5 represents the most difficult deck to play against.
|-
!Popularity: X/5
|How often people play this deck. A rating of 5/5 represents a deck that everyone plays or has played.
|}

Headers

In the source editor, headers are represented with two equal signs.
For example, the Stats header is "== Stats ==" in the code.

Alternatively, you can use three equal signs for a subheader. Subheaders are smaller than headers.

Tables

The stats table is relatively simple in the source editor. Note that "(Text)" means the actual text put into it, without parenthesis.

  • {| class="article-table" |} represents the actual code for the table.
  • !(Text) represents the text on the left side of the table.
    • For example, the text "Name:" is on the left side of the table.
    • In the source editor, the line is represented by !Name:
  • |(Text) represents the text on the right side of the table
    • For example, the text "The name of the person who built the deck." is on the right side of the table.
    • In the source editor, the line is represented by |The name of the deck.
  • |- represents a line break in the table.

For your page, replace the variable X with any number that correctly corresponds to the statistic.

Section 3: The Decklist

Like the Stats section, the Decklist section is separated by a header.

Here's what it looks like on the Deck Template page:

DeckTemplate - Decklist.PNG

Here's what it looks like in the source editor:

{| class="article-table" style="border:3px inset grey;"
|+ 
|-
!style="font-size:medium;"|<u>FIGHTERS</u>
|-
!style="background-color:#ffffff;"|[[White Cards]] x0
|-
!style="background-color:#5B7FCC;"|[[Blue Cards]] x0
|-
!style="background-color:#FF3F3F;"|[[Red Cards]] x0
|-
!style="background-color:#53A753;"|[[Green Cards]] x0
|-
!style="background-color:#FFF13E;"|[[Yellow Cards]] x0
|-
!style="font-size:medium;"|<u>ACTIONS</u>
|-
!style="background-color:#ffffff;"|[[White Cards]] x0
|-
!style="background-color:#5B7FCC;"|[[Blue Cards]] x0
|-
!style="background-color:#FF3F3F;"|[[Red Cards]] x0
|-
!style="background-color:#53A753;"|[[Green Cards]] x0
|-
!style="background-color:#FFF13E;"|[[Yellow Cards]] x0
|}

What does all this mean?

Let's break down what each part of this does, starting with the first line.

(Note that you can't remove any ;es from the code, or else it breaks. I have no idea why this happens, someone more knowledgeable might.)


This line creates the actual table. It defines it as a table, sets the border between table cells to be 3 pixels wide, and colors the border grey.

{| class="article-table" style="border:3px inset grey;"


This line is where you put the table's title, or really any text you want to be at the start.

|+ 


These lines are the most important parts of a table. Removing one (or not including one) causes the table cell to appear to the right of the previous cell.

|-


This line sets the cell's font size to Medium and uses <u></u> around the text in order to underline it. Same goes for the ACTIONS cell.

!style="font-size:medium;"|<u>FIGHTERS</u>


This line has been modified to be generic in that it can refer to any of the card cells. The cell's background color is set to its HEX color. The double-brackets tell the wiki that the text inside it is an internal Hyperlink.

!style="background-color:#??????;"|[[Hyperlink]] x0


Finally, this line tells the wiki where the table ends.

|}

HEX Colors

In case you dun goofed, or want to fix an error, here are the HEX colors, and what each represents in the code:

  • #ffffff - White
  • #5B7FCC - Blue
  • #FF3F3F - Red
  • #53A753 - Green
  • #FFF13E - Yellow

Hyperlinks

Hyperlinks are represented with two front brackets, the name of the page, and two back brackets. For example, a hyperlink to DrTrayBlox will appear as [[DrTrayBlox]] in the source code, and will appear as DrTrayBlox on the page.

In this particular example, you see that there are hyperlinks that link to the pages "White Cards", "Blue Cards", "Red Cards", "Green Cards", and "Yellow Cards". Their colors correspond to the hex colors on the table.

Why is one of the hyperlinks red? If the hyperlink is red, it means that the page doesn't exist. Make sure you have typed out the page name correctly! You'll know if the hyperlink is correct if the hyperlink's color is a yellow/gold color, as opposed to red.

Section 4: How to Play, How to Beat, and additional sections

You must have a "How to Play" and "How to Beat" section on the bottom of the page; any other additional sections is optional. The "How to Play" section explains the deck's focus and strength(s) and how it is meant to be played. The "How to Beat" section explains the deck's weaknesses and how it is meant to be beaten.

Here's what it looks like on the Deck Template page:

DeckTemplate - HowToPlayHowToBeatAdditionalSections.png

Here's what it looks like in the source editor:

== How to Play ==
Explain here the deck's focus and strength(s) and how it is meant to be played.

== How to Beat ==
Explain here the deck's weaknesses and how it is meant to be beaten.

== Additional Sections ==
You may include any other sections that you feel are relevant to the featured deck.

In the end, there should be a poll for readers to vote whether they think the deck is good or not.

Don't forget to add the appropriate categories at the end when you're finished.

See Headers as to how to add a header.

Section 5: The Poll

The poll is used as an easy way to give positive or negative feedback about a deck, making it more or less likely that a deck would be used competitively by other players.

Here's what it looks like in the source editor:

<div style="width:300px;">
<poll>
Would you recommend this deck (Name of Deck)?
Yes
No
</poll>
</div>

Here's what it looks like on the actual page:

Make sure to replace "Name of Deck" with the name of the actual deck, of course.

Section 6: The Categories

Categories are used to easily sort decks into their own subsection of the wikia, and is used to determine whether or not the deck is used for competitive play or just for fun.

There are three ways to add categories.

Section 6.1: Adding Categories at the Bottom of the Page

DeckTemplate - Categories.png

Scroll to the bottom of the page (near the comment section) and you'll see a tiny little section for page categories. There, you can easily add categories. However, you cannot delete them from there once you saved the categories. This method is used if you're already done with editing your page.

Section 6.2: Adding Categories in Source Editor

If you're in the middle of editing a page, this method is useful for you. Just type in [[Category:(Category Name)]] at the bottom of the page using source editor. It doesn't necessarily have to be at the bottom, but it's important to keep it consistent in order to make it easier for other wiki contributors.

For example, if you want to add the category "Decks" into the page, you can type [[Category:Decks]] in source editor to add the page into the Decks category.

Section 6.3: Adding Categories in Classic Editor

Classic Editor.png

Classic Editor is basically the wikia's equivalent of Adobe Illustrator's "Essentials Classic" format. From there, adding and deleting categories is a breeze.

Classic Editor Categories.png

How do I access Classic Editor? Look for the giant blue edit button, to the right of the page's title. See the blue icon of the down arrow? Click on that, and it'll give you a series of options. Click on Classic Editor.

Automatically, wikia should put you on classic visual editor. There's a category section at the right side of the editor. You can add a category with its search bar, and delete a category by mousing over an individual category, then clicking on the trash can next to it.

Section 7: Miscellaneous

This section is for entirely optional things. This means you don't have to add them in your page, but you could add them if the situation calls for it.

Tabbers

Using tabbers to showcase different decklists one at a time is necessary if you have two or more decklists in one page.

This is what it looks like in the source editor:

<tabber>Variation 1=
The default decklist. Most of the time, this is what the page refers to throughout the article.
{| class="article-table" style="border:3px inset gray;"
|+ 
|-
!style="font-size:medium;"|<u>FIGHTERS</u>
|-
!style="background-color:#ffffff;"|[[White Cards]] x0
|-
!style="background-color:#5B7FCC;"|[[Blue Cards]] x0
|-
!style="background-color:#FF3F3F;"|[[Red Cards]] x0
|-
!style="background-color:#53A753;"|[[Green Cards]] x0
|-
!style="background-color:#FFF13E;"|[[Yellow Cards]] x0
|-
!style="font-size:medium;"|<u>ACTIONS</u>
|-
!style="background-color:#ffffff;"|[[White Cards]] x0
|-
!style="background-color:#5B7FCC;"|[[Blue Cards]] x0
|-
!style="background-color:#FF3F3F;"|[[Red Cards]] x0
|-
!style="background-color:#53A753;"|[[Green Cards]] x0
|-
!style="background-color:#FFF13E;"|[[Yellow Cards]] x0
|}
|-|Variation 2=
Another variation of the deck. Explain the differences between this variation and the default deck here.
{| class="article-table" style="border:3px inset gray;"
|+ 
|-
!style="font-size:medium;"|<u>FIGHTERS</u>
|-
!style="background-color:#ffffff;"|[[Colesans16]] x4
|-
!style="background-color:#5B7FCC;"|[[Spiderboy]] x4
|-
!style="background-color:#FF3F3F;"|[[Ambamby]] x4
|-
!style="background-color:#53A753;"|[[Boogerguy123]] x4
|-
!style="background-color:#FFF13E;"|[[Guest]] x4
|-
!style="font-size:medium;"|<u>ACTIONS</u>
|-
!style="background-color:#ffffff;"|[[Grandmaster's Ninja Dojo]] x4
|-
!style="background-color:#5B7FCC;"|[[Bloated]] x4
|-
!style="background-color:#FF3F3F;"|[[Pumpkin Bomb]] x4
|-
!style="background-color:#53A753;"|[[Life Potion]] x4
|-
!style="background-color:#FFF13E;"|[[Trick or Treat]] x4
|}
</tabber>

Here what it looks like on the page:

The default decklist. Most of the time, this is what the page refers to throughout the article.

 
FIGHTERS
White Cards x0
Blue Cards x0
Red Cards x0
Green Cards x0
Yellow Cards x0
ACTIONS
White Cards x0
Blue Cards x0
Red Cards x0
Green Cards x0
Yellow Cards x0

Another variation of the deck. Explain the differences between this variation and the default deck here.

 
FIGHTERS
Colesans16 x4
Spiderboy x4
Ambamby x4
Boogerguy123 x4
Guest x4
ACTIONS
Grandmaster's Ninja Dojo x4
Bloated x4
Pumpkin Bomb x4
Life Potion x4
Trick or Treat x4

Tabbers Simplified

In this example, we included three tabs for this tabber.

When simplified, here's what it looks like in the source editor:

<tabber>Name 1=
Text 1
|-|Name 2=
Text 2
|-|Name 3=
Text 3
</tabber>

When simplified, here's what it looks like on the page:

Text 1

Text 2

Text 3

Double-Column Decklists

These double-column decklists are used if you really want to explain as to why you put certain cards in your decklists. Again, not mandatory, but really interesting to read if you do implement them.

Here's what it looks like in the source code:

{| class="article-table" style="border:3px inset gray;width:450px;"
|+ 
|-
!style="font-size:medium;"|<u>FIGHTERS</u>
!Why play them?
|-
!style="background-color:#ffffff;"|[[White Cards]]
|Talk about this white fighter here.
|-
!style="background-color:#5B7FCC;"|[[Blue Cards]]
|Talk about this blue fighter here.
|-
!style="background-color:#FF3F3F;"|[[Red Cards]]
|Talk about this red fighter here.
|-
!style="background-color:#53A753;"|[[Green Cards]]
|Talk about this green fighter here.
|-
!style="background-color:#FFF13E;"|[[Yellow Cards]]
|Talk about this yellow fighter here.
|-
!style="font-size:medium;" colspan="2"|<u>ACTIONS</u>
|-
!style="background-color:#ffffff;"|[[White Cards]]
|Talk about this white action here.
|-
!style="background-color:#5B7FCC;"|[[Blue Cards]]
|Talk about this blue action here.
|-
!style="background-color:#FF3F3F;"|[[Red Cards]]
|Talk about this red action here.
|-
!style="background-color:#53A753;"|[[Green Cards]]
|Talk about this green action here.
|-
!style="background-color:#FFF13E;"|[[Yellow Cards]]
|Talk about this yellow action here.
|}

Here's what it looks like on the page:

 
FIGHTERS Why play them?
White Cards Talk about this white fighter here.
Blue Cards Talk about this blue fighter here.
Red Cards Talk about this red fighter here.
Green Cards Talk about this green fighter here.
Yellow Cards Talk about this yellow fighter here.
ACTIONS
White Cards Talk about this white action here.
Blue Cards Talk about this blue action here.
Red Cards Talk about this red action here.
Green Cards Talk about this green action here.
Yellow Cards Talk about this yellow action here.
Advertisement