Editing User blog:Gabonnie/Advanced TDSW Coding Manual

<div>https://static.wikia.nocookie.net/abd-stand-archive/images/a/a0/Gabonnniescod.png/revision/latest?cb=20210830090104</div>
----------------
{| style="border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; background:white; border: 4px ridge red; width: 70%" align="center" 
|-
| style="padding: 0.3em 0.5em; color:#000; text-align:center"| <div>https://static.wikia.nocookie.net/abd-stand-archive/images/7/7c/100.png/revision/latest?cb=20210830090628</div>'''NOTICE'''
<div class="font-size: smaller; margin-top:0.5em; margin-left:0.8em;" style="font-size:20px;">Please, before reading this blog make sure that you have already read the TDSW [[Manual of Style]]. I am not responsible for any wacky shit you may have made.
</div>
|}
---------
<center><big><b>This blog ensures the people that wants to contribute to the wiki can self help themself using this blog for the advanced part of the wiki like templates, code tags, and many more. This blog however, will only teaches you things that are used on the wiki itself, not complex stuffs that aren't going to be use on the wiki.</b></big></center>
__NOTOC__

<div style="background: white; border: 2.5px solid #1e90ff" width="100%;">
'''Table of Contents:
*1 [[#Navbox|Navbox]]
**1.1 [[#Adding a Row|Adding a Row]]
**1.2 [[#another row for a collum|another row for a collum]]
**1.3 [[#polluted wasteland row|polluted wasteland row]]
*2 [[#Colored/Coloured text|Colored/Coloured text]]
*3 [[#Stats Table|Stats Table]]
**3.1 [[#adding another row for the table|adding another row for the table]]
**3.2 [[#another "header" for the table|another "header" for the table]]
*4 [[#Tabbers|Tabbers]]
**4.1 [[#How tabbers work in general|How tabbers work in general]]
**4.2 [[#Tabbers in different situations|Tabbers in different situations]]
*5 [[#Gradient|Gradient]]
**5.1 [[#Gradient in modes template|Gradient in modes template]]
*6 [[#Easier way to do all of this without learning|Easier way to do all of this without learning]]
'''
</div>
== Navbox ==
Navbox, usually these are locked, but some aren't. Still, I will be teaching you how you can modify these if you really needed to.

In a navbox you must NOT delete "{|", "|}", "|", "|-", "!" and any text with that if you're only going to make slight changes. If you need to delete those, make sure you add one back after deleting or change the important ones like "colspan" to a lower number. Vice versa with a higher number.

=== Adding a Row ===
<div class="mw-collapsible mw-collapsed">
Now let's say you want to add an emeny mode, let's go with a "stupid mode" for example.

(for dummies, don't add the numbers (words/numbers before something important) in or the "<nowiki><!-- --></nowiki>". those are for easy "reading" on the examples)
<syntaxhighlight lang="genshi">
1{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
2| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
3|-
4! colspan="3" class="zombie-navbox-header" |Regular Enemies
5|-
6! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
7| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
8|-
9! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
10| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
11|-
12! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
13| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
14|-
15! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
16| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
17|-
18! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
19| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
20|-
21! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
22| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
23|-
24! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
25| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
26|-
27! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
28| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
29|}
</syntaxhighlight>
This whole code makes this:
{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
|-
! colspan="3" class="zombie-navbox-header" |Regular Enemies
|-
! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
|-
! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
|-
! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
|-
! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
|-
! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
|-
! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|}

Now, to get the "stupid mode" in we need to add another "class" and "! colspan".

<syntaxhighlight lang="genshi">
1{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
2| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
3|-
4! colspan="3" class="zombie-navbox-header" |Regular Enemies
5|-
6! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
7| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
8|-
<!-- we'll be adding a stupid mode here -->
| class="zombie-navbox-label" | [[placeholder|<span style="color:#ffffff;">stupid mode enemeies</span>]]
<!-- the class should be copied from the navbox as it is different for each navbox you may edit
as for the color, you may use a template color as seen with the others one. Though if you like to you can use
a custom one as seen in the example. Albeit using a custom one is fine, using {{TextColour}} is still recommended -->
| colspan="2" class="zombie-navbox-data" |[[example]] • [[ex2]]
<!-- the colspan is used to allows how much a cell should span, hence colspan.
This should usually be 2. Of course, you may want to change it depends on your situation. -->
|- <!-- this right here ends a row. always remember to use these if you haven't -->
9! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
10| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
11|-
12! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
13| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
14|-
15! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
16| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
17|-
18! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
19| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
20|-
21! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
22| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
23|-
24! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
25| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
26|-
27! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
28| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
29|}
</syntaxhighlight>
and with that we should get:.
{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
|-
! colspan="3" class="zombie-navbox-header" |Regular Enemies
|-
! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
|-
<!-- we'll be adding a stupid mode here -->
| class="zombie-navbox-label" | [[placeholder|<span style="color:#ffffff;">stupid mode enemeies</span>]]
<!-- the class should be copied from the navbox as it is different for each navbox you may edit
as for the color, you may use a template color as seen with the others one. Though if you like to you can use
a custom one as seen in the example. -->
| colspan="3" class="zombie-navbox-data" |[[example]] • [[ex2]]
<!-- the colspan is used to allows how much a cell should span, hence colspan.
This should usually be 2. Though you may want to change it depends on your situation. -->
|- <!-- this right here ends a row. always remember to use these if you haven't -->
! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
|-
! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
|-
! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
|-
! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
|-
! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|}
and yes the links doesn't work because these does not exist.
</div>

=== another row for a collum ===
<div class="mw-collapsible mw-collapsed">
welp, you really want to make a row like the golden and fallen mode version eh?

We will be using our existing code:
<syntaxhighlight lang="genshi">
1{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
2| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
3|-
4! colspan="3" class="zombie-navbox-header" |Regular Enemies
5|-
6! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
7| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
8|-
MOD| class="zombie-navbox-label" | [[placeholder|<span style="color:#ffffff;">stupid mode enemeies</span>]]
MOD| colspan="2" class="zombie-navbox-data" |[[example]] • [[ex2]]
MOD|-
9! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
10| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
11|-
12! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
13| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
14|-
15! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
16| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
17|-
18! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
19| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
20|-
21! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
22| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
23|-
24! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
25| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
26|-
27! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
28| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
29|}
</syntaxhighlight>

now for the action, we'll be adding a ggez, jjez and jej subrow

<syntaxhighlight lang="genshi">
1{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
2| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
3|-
4! colspan="3" class="zombie-navbox-header" |Regular Enemies
5|-
6! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
7| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
8|-
<!-- basically we'll be adding a rowspan. adding it after the class is fine,
we'll do behind just for the sake of it being consistent -->
MOD| rowspan="4" class="zombie-navbox-label" | [[placeholder|<span style="color:#ffffff;">stupid mode enemeies</span>]]
MOD| colspan="2" class="zombie-navbox-data" |[[example]] • [[ex2]]
MOD|-
<!-- after this we'll do a class again with ! and a label class (just copy and paste bro)
or a special polluted wasteland but we'll get to that later-->
MOD! class="zombie-navbox-label" |[[ggez mode aka placeholder|<span style="color:#{{TextColour}};">ggez</span>]]
<!-- after this we'll back to the good old class navbox data -->
MOD| class="zombie-navbox-data" |[[ex]] • [[hsegadag]]
|-
9! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
10| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
11|-
12! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
13| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
14|-
15! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
16| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
17|-
18! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
19| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
20|-
21! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
22| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
23|-
24! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
25| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
26|-
27! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
28| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
29|}
</syntaxhighlight>
after this incomplete piece of trash we'll get:

{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
|-
! colspan="3" class="zombie-navbox-header" |Regular Enemies
|-
! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
|-
<!-- basically we'll be adding a rowspan. adding it after the class is fine,
we'll do behind just for the sake of it being consistent -->
| rowspan="4" class="zombie-navbox-label" | [[placeholder|<span style="color:#ffffff;">stupid mode enemeies</span>]]
| colspan="2" class="zombie-navbox-data" |[[example]] • [[ex2]]
|-
<!-- after this we'll do a class again with ! and a label class (just copy and paste bro)
or a special polluted wasteland but we'll get to that later-->
! class="zombie-navbox-label" |[[ggez mode aka placeholder|<span style="color:#{{TextColour}};">ggez</span>]]
<!-- after this we'll back to the good old class navbox data -->
| class="zombie-navbox-data" |[[ex]] • [[hsegadag]]
|-
! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
|-
! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
|-
! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
|-
! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
|-
! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|}
as you can see, something isn't right. the stupid mode is merging with molten and golden!

this is because of the rowspan we used. the rowspan is expecting 4 rows, but we have only gave it 2 (1 line of text and 1 ggez) that's why it is merging. what we have to do now is add more. I'll add all of these in without any comments, go figure it out yourself it should be easy.

<syntaxhighlight lang="genshi">
1{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
2| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
3|-
4! colspan="3" class="zombie-navbox-header" |Regular Enemies
5|-
6! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
7| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
8|-
MOD| rowspan="4" class="zombie-navbox-label" | [[placeholder|<span style="color:#ffffff;">stupid mode enemeies</span>]]
MOD| colspan="2" class="zombie-navbox-data" |[[example]] • [[ex2]]
MOD|-
MOD! class="zombie-navbox-label" |[[ggez mode aka placeholder|<span style="color:#{{TextColour}};">ggez</span>]]
MOD| class="zombie-navbox-data" |[[ex]] • [[hsegadag]]
MOD|-
MOD! class="zombie-navbox-label" |[[jjez mode |<span style="color:#{{TextColour}};">jjez</span>]]
MOD| class="zombie-navbox-data" |[[ex222]] • [[bsads]]
MOD|-
MOD! class="zombie-navbox-label" |[[jej|<span style="color:#{{TextColour}};">jej</span>]]
MOD| class="zombie-navbox-data" |[[ed]] • [[ex22231]]
|-
9! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
10| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
11|-
12! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
13| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
14|-
15! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
16| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
17|-
18! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
19| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
20|-
21! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
22| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
23|-
24! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
25| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
26|-
27! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
28| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
29|}
</syntaxhighlight>
and we get:

{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
|-
! colspan="3" class="zombie-navbox-header" |Regular Enemies
|-
! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
|-
| rowspan="4" class="zombie-navbox-label" | [[placeholder|<span style="color:#ffffff;">stupid mode enemeies</span>]]
| colspan="2" class="zombie-navbox-data" |[[example]] • [[ex2]]
|-
! class="zombie-navbox-label" |[[ggez mode aka placeholder|<span style="color:#{{TextColour}};">ggez</span>]]
| class="zombie-navbox-data" |[[ex]] • [[hsegadag]]
|-
! class="zombie-navbox-label" |[[jjez mode |<span style="color:#{{TextColour}};">jjez</span>]]
| class="zombie-navbox-data" |[[ex222]] • [[bsads]]
|-
! class="zombie-navbox-label" |[[jej|<span style="color:#{{TextColour}};">jej</span>]]
| class="zombie-navbox-data" |[[ed]] • [[ex22231]]
|-
! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
|-
! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
|-
! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
|-
! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
|-
! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|}
great! we got what we wanted, but didn't I said I'll be teaching how the polluted wasteland row works? welp, check the next expandable tutorial.
</div>
=== polluted wasteland row ===
<div class="mw-collapsible mw-collapsed">
and now using the previous code, we will now modify it again


<syntaxhighlight lang="genshi">
1{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
2| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
3|-
4! colspan="3" class="zombie-navbox-header" |Regular Enemies
5|-
6! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
7| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
8|-
<!-- first, we'll edit the rowspan to 5 (previously 4) -->
MOD| rowspan="5" class="zombie-navbox-label" | [[placeholder|<span style="color:#ffffff;">stupid mode enemeies</span>]]
MOD| colspan="2" class="zombie-navbox-data" |[[example]] • [[ex2]]
MOD|-
MOD! class="zombie-navbox-label" |[[ggez mode aka placeholder|<span style="color:#{{TextColour}};">ggez</span>]]
MOD| class="zombie-navbox-data" |[[ex]] • [[hsegadag]]
MOD|-
MOD! class="zombie-navbox-label" |[[jjez mode |<span style="color:#{{TextColour}};">jjez</span>]]
MOD| class="zombie-navbox-data" |[[ex222]] • [[bsads]]
MOD|-
MOD! class="zombie-navbox-label" |[[jej|<span style="color:#{{TextColour}};">jej</span>]]
MOD| class="zombie-navbox-data" |[[ed]] • [[ex22231]]
<!-- now we'll obviously do the "|-" -->
MOD|-
MOD! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
<!-- That code is obviously copied, and tbh should always be copied for it to bee 100% right. -->
MOD| class="zombie-navbox-data" |[[RUWBA9Q88305]] • [[DFYYFUV]]
MOD|-
<!-- and that is how it should looks, ill be explain how it actually works after the result -->
9! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
10| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
11|-
12! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
13| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
14|-
15! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
16| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
17|-
18! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
19| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
20|-
21! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
22| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
23|-
24! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
25| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
26|-
27! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
28| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
29|}
</syntaxhighlight>
aaaa

{| class="navbox mw-collapsible" data-expandtext="&#9660;" data-collapsetext="&#9650;"
| colspan="3" class="anglednavbox" |[[File:EnemiesNewHeader.png|200px|center|link=Enemies]]
|-
! colspan="3" class="zombie-navbox-header" |Regular Enemies
|-
! class="zombie-navbox-label" |[[Normal Mode Waves|<span style="color:#{{TextColour}};">Normal Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
|-
<!-- first, we'll edit the rowspan to 5 (previously 4) -->
| rowspan="5" class="zombie-navbox-label" | [[placeholder|<span style="color:#ffffff;">stupid mode enemeies</span>]]
| colspan="2" class="zombie-navbox-data" |[[example]] • [[ex2]]
|-
! class="zombie-navbox-label" |[[ggez mode aka placeholder|<span style="color:#{{TextColour}};">ggez</span>]]
| class="zombie-navbox-data" |[[ex]] • [[hsegadag]]
|-
! class="zombie-navbox-label" |[[jjez mode |<span style="color:#{{TextColour}};">jjez</span>]]
| class="zombie-navbox-data" |[[ex222]] • [[bsads]]
|-
! class="zombie-navbox-label" |[[jej|<span style="color:#{{TextColour}};">jej</span>]]
| class="zombie-navbox-data" |[[ed]] • [[ex22231]]
<!-- now we'll obviously do the "|-" -->
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
<!-- That code is obviously copied, and tbh should always be copied for it to bee 100% right. -->
| class="zombie-navbox-data" |[[RUWBA9Q88305]] • [[DFYYFUV]]
|-
<!-- and that is how it should looks, ill be explain how it actually works after the result -->
! class="zombie-navbox-label" |[[Molten Mode Waves|<span style="color:#{{TextColour}};">Molten Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Normal]] • [[Speedy]]
|-
! rowspan="2" class="zombie-navbox-label" |[[Golden Mode Waves|<span style="color:#{{TextColour}};">Golden Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]] • [[Splitter]] • [[Split]]
|-
! rowspan="3" class="zombie-navbox-label" |[[Fallen Mode Waves|<span style="color:#{{TextColour}};">Fallen Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|-
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
| class="zombie-navbox-data" |[[Radioactive]] • [[Wasted Boss]]
|-
! class="zombie-navbox-label" |[[Hidden Wave|<span style="color:#{{TextColour}};">Hidden Wave</span>]]
| class="zombie-navbox-data" |[[Glitched Giant]] • [[Bug]]
|-
! class="zombie-navbox-label" |[[Hardcore Mode Waves|<span style="color:#{{TextColour}};">Hardcore Mode</span>]]
| colspan="2" class="zombie-navbox-data" |[[Abnormal]] • [[Quick]]
|}
and now the explanation yes.

As you can see Polluted Wasteland have this kind of code
<pre>
! style="padding:4px;margin:2px;background:{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]
</pre>
notice that it is using "style" with padding, margin and all of that to supposedly customize the poullted wasteland background and text. Though I think those bunch of lines are completely useless as it is replaced by the span style tag.

Even though it is useless, I still recommend you to copy the Polluted Wasteland code just to be 100% sure.
</div>

== Colored/Coloured text ==
this whole thing is taken from [[User:Mentin123|Mentin]]'s blog, because i am a lazy dumbass, this is used if you want to check for colors code. i added this here for the fact that if you're going to use this manual for some editing shit then might as well get the colors right here without opening another blog.

this text separate my blog with the added "template blog" i guess
<div class="mw-collapsible mw-collapsed">
{{User_blog:Mentin123/Colour_codes#List}}
</div>

== Stats Table ==
a table, they are built just like navboxes but easier. The rules applying to navboxes goes the same with these.

=== adding another row for the table ===
<div class="mw-collapsible mw-collapsed">
Okay, this is a stats table
<syntaxhighlight lang="genshi">
1<div class="overflowbugy" style="width:100%;overflow:auto;">
2<center>
3{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
4|-
5! scope="col" style="padding: 5px;" align="center" |Level
6! scope="col" style="padding: 5px;" align="center" |Total Price
7! scope="col" style="padding: 5px;" align="center" |Damage
8! scope="col" style="padding: 5px;" align="center" |Firerate
9! scope="col" style="padding: 5px;" align="center" |Range
10! scope="col" style="padding: 5px;" align="center" |DPS
11|-
12| style="padding: 5px;" align="center" |0
13| style="padding: 5px;" align="center" |{{Money|1337}}
14| style="padding: 5px;" align="center" |1337
15| style="padding: 5px;" align="center" |1337
16| style="padding: 5px;" align="center" |1337
17| style="padding: 5px;" align="center" |1337
18|-
19| style="padding: 5px;" align="center" |1
20| style="padding: 5px;" align="center" |{{Robux|1337}}
21| style="padding: 5px;" align="center" |1337
23| style="padding: 5px;" align="center" |1337
24| style="padding: 5px;" align="center" |1337
25| style="padding: 5px;" align="center" |1337
26|-
27| style="padding: 5px;" align="center" |2
28| style="padding: 5px;" align="center" |{{Gem|1337}}
29| style="padding: 5px;" align="center" |1337
30| style="padding: 5px;" align="center" |1337
31| style="padding: 5px;" align="center" |1337
32| style="padding: 5px;" align="center" |1337
33|-
34| style="padding: 5px;" align="center" |3
35| style="padding: 5px;" align="center" |{{Money|1337}}
36| style="padding: 5px;" align="center" |1337
37| style="padding: 5px;" align="center" |1337
38| style="padding: 5px;" align="center" |1337
39| style="padding: 5px;" align="center" |1337
40|-
41| style="padding: 5px;" align="center" |4
42| style="padding: 5px;" align="center" |{{Money|1337}}
43| style="padding: 5px;" align="center" |1337
44| style="padding: 5px;" align="center" |1337
45| style="padding: 5px;" align="center" |1337
46| style="padding: 5px;" align="center" |1337
47|}
48</center>
49</div>
</syntaxhighlight>
they are a lot less complex than navboxes and you should be able to figure it out easily.

This is what the code makes

<div class="overflowbugy" style="width:100%;overflow:auto;">
<center>
{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
|-
! scope="col" style="padding: 5px;" align="center" |Level
! scope="col" style="padding: 5px;" align="center" |Total Price
! scope="col" style="padding: 5px;" align="center" |Damage
! scope="col" style="padding: 5px;" align="center" |Firerate
! scope="col" style="padding: 5px;" align="center" |Range
! scope="col" style="padding: 5px;" align="center" |DPS
|-
| style="padding: 5px;" align="center" |0
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |1
| style="padding: 5px;" align="center" |{{Robux|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |2
| style="padding: 5px;" align="center" |{{Gem|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |3
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |4
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|}
</center>
</div>
notice how line 1 of code has the div tag with the overflow property.
<syntaxhighlight lang="genshi">
<div class="overflowbugy" style="width:100%;overflow:auto;">
</syntaxhighlight>
this is fairly important, this piece helps the table to know what it needs to do when something clips out or well, overflow. This case, it's auto, basically it should creates a scrollbar if the text overflows.

<syntaxhighlight lang="genshi">
<center>
</syntaxhighlight>
self-explaintory, it center things. I put'd it here in case some random dum dum doesn't know.

Welp, now time for some code modyfing. This time we'll be adding another level to the table.
<syntaxhighlight lang="genshi">
1<div class="overflowbugy" style="width:100%;overflow:auto;">
2<center>
3{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
4|-
5! scope="col" style="padding: 5px;" align="center" |Level
6! scope="col" style="padding: 5px;" align="center" |Total Price
7! scope="col" style="padding: 5px;" align="center" |Damage
8! scope="col" style="padding: 5px;" align="center" |Firerate
9! scope="col" style="padding: 5px;" align="center" |Range
10! scope="col" style="padding: 5px;" align="center" |DPS
11|-
12| style="padding: 5px;" align="center" |0
13| style="padding: 5px;" align="center" |{{Money|1337}}
14| style="padding: 5px;" align="center" |1337
15| style="padding: 5px;" align="center" |1337
16| style="padding: 5px;" align="center" |1337
17| style="padding: 5px;" align="center" |1337
18|-
19| style="padding: 5px;" align="center" |1
20| style="padding: 5px;" align="center" |{{Robux|1337}}
21| style="padding: 5px;" align="center" |1337
23| style="padding: 5px;" align="center" |1337
24| style="padding: 5px;" align="center" |1337
25| style="padding: 5px;" align="center" |1337
26|-
27| style="padding: 5px;" align="center" |2
28| style="padding: 5px;" align="center" |{{Gem|1337}}
29| style="padding: 5px;" align="center" |1337
30| style="padding: 5px;" align="center" |1337
31| style="padding: 5px;" align="center" |1337
32| style="padding: 5px;" align="center" |1337
33|-
34| style="padding: 5px;" align="center" |3
35| style="padding: 5px;" align="center" |{{Money|1337}}
36| style="padding: 5px;" align="center" |1337
37| style="padding: 5px;" align="center" |1337
38| style="padding: 5px;" align="center" |1337
39| style="padding: 5px;" align="center" |1337
40|-
41| style="padding: 5px;" align="center" |4
42| style="padding: 5px;" align="center" |{{Money|1337}}
43| style="padding: 5px;" align="center" |1337
44| style="padding: 5px;" align="center" |1337
45| style="padding: 5px;" align="center" |1337
46| style="padding: 5px;" align="center" |1337
<!-- this is where i'll add a level. We'll do 5 -->
MOD|- <!-- if you still don't remember, that is to seperate/end something,
this time it's the table's section -->
MOD| style="padding: 5px;" align="center" |5
MOD| style="padding: 5px;" align="center" |{{Robux|1337}}
MOD| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1337
<!-- this whole thing is very easy like I said,
you can literally copy the whole thing that was seen
in the code. -->
MOD|}
48</center>
49</div>
</syntaxhighlight>
because of how easy to do it is, it shouldn't be that hard for newbies at this to learn.

<div class="overflowbugy" style="width:100%;overflow:auto;">
<center>
{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
|-
! scope="col" style="padding: 5px;" align="center" |Level
! scope="col" style="padding: 5px;" align="center" |Total Price
! scope="col" style="padding: 5px;" align="center" |Damage
! scope="col" style="padding: 5px;" align="center" |Firerate
! scope="col" style="padding: 5px;" align="center" |Range
! scope="col" style="padding: 5px;" align="center" |DPS
|-
| style="padding: 5px;" align="center" |0
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |1
| style="padding: 5px;" align="center" |{{Robux|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |2
| style="padding: 5px;" align="center" |{{Gem|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |3
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |4
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |5
| style="padding: 5px;" align="center" |{{Robux|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|}
</center>
</div>
</div>
=== another "header" for the table ===
<div class="mw-collapsible mw-collapsed">
okay let's just say the tower you are making have a charge-up (like the accel]] and you want to add it.

Again, very easy. We will begin with our previous code.
<syntaxhighlight lang="genshi">
1<div class="overflowbugy" style="width:100%;overflow:auto;">
2<center>
3{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
4|-
5! scope="col" style="padding: 5px;" align="center" |Level
6! scope="col" style="padding: 5px;" align="center" |Total Price
7! scope="col" style="padding: 5px;" align="center" |Damage
8! scope="col" style="padding: 5px;" align="center" |Firerate
<!-- okay I'll add it here -->
MOD! scope="col" style="padding: 5px;" align="center" |charge thing
<!-- okay the scope atrribute, we set it to "col"
this is because scope is used to specify a header
to be something, this case we specify it to be a
collum header. -->
9! scope="col" style="padding: 5px;" align="center" |Range
10! scope="col" style="padding: 5px;" align="center" |DPS
11|-
12| style="padding: 5px;" align="center" |0
13| style="padding: 5px;" align="center" |{{Money|1337}}
14| style="padding: 5px;" align="center" |1337
15| style="padding: 5px;" align="center" |1337
16| style="padding: 5px;" align="center" |1337
17| style="padding: 5px;" align="center" |1337
18|-
19| style="padding: 5px;" align="center" |1
20| style="padding: 5px;" align="center" |{{Robux|1337}}
21| style="padding: 5px;" align="center" |1337
23| style="padding: 5px;" align="center" |1337
24| style="padding: 5px;" align="center" |1337
25| style="padding: 5px;" align="center" |1337
26|-
27| style="padding: 5px;" align="center" |2
28| style="padding: 5px;" align="center" |{{Gem|1337}}
29| style="padding: 5px;" align="center" |1337
30| style="padding: 5px;" align="center" |1337
31| style="padding: 5px;" align="center" |1337
32| style="padding: 5px;" align="center" |1337
33|-
34| style="padding: 5px;" align="center" |3
35| style="padding: 5px;" align="center" |{{Money|1337}}
36| style="padding: 5px;" align="center" |1337
37| style="padding: 5px;" align="center" |1337
38| style="padding: 5px;" align="center" |1337
39| style="padding: 5px;" align="center" |1337
40|-
41| style="padding: 5px;" align="center" |4
42| style="padding: 5px;" align="center" |{{Money|1337}}
43| style="padding: 5px;" align="center" |1337
44| style="padding: 5px;" align="center" |1337
45| style="padding: 5px;" align="center" |1337
46| style="padding: 5px;" align="center" |1337
MOD|-
MOD| style="padding: 5px;" align="center" |5
MOD| style="padding: 5px;" align="center" |{{Robux|1337}}
MOD| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1337
MOD|}
48</center>
49</div>
</syntaxhighlight>
and after this we get:
<div class="overflowbugy" style="width:100%;overflow:auto;">
<center>
{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
|-
! scope="col" style="padding: 5px;" align="center" |Level
! scope="col" style="padding: 5px;" align="center" |Total Price
! scope="col" style="padding: 5px;" align="center" |Damage
! scope="col" style="padding: 5px;" align="center" |Firerate
! scope="col" style="padding: 5px;" align="center" |charge thing
! scope="col" style="padding: 5px;" align="center" |Range
! scope="col" style="padding: 5px;" align="center" |DPS
|-
| style="padding: 5px;" align="center" |0
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |1
| style="padding: 5px;" align="center" |{{Robux|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |2
| style="padding: 5px;" align="center" |{{Gem|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |3
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |4
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |5
| style="padding: 5px;" align="center" |{{Robux|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|}
</center>
</div>
hey! what happened? the DPS part is completely wiped!

Like the navbox, this table is expecting to have 7 collums but we only gave it 6.

To fix this, we must add a "Charge thing" collum for each levels.
<syntaxhighlight lang="genshi">
1<div class="overflowbugy" style="width:100%;overflow:auto;">
2<center>
3{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
4|-
5! scope="col" style="padding: 5px;" align="center" |Level
6! scope="col" style="padding: 5px;" align="center" |Total Price
7! scope="col" style="padding: 5px;" align="center" |Damage
8! scope="col" style="padding: 5px;" align="center" |Firerate
MOD! scope="col" style="padding: 5px;" align="center" |charge thing
<!-- remember that the charge thing is located after Firerate (aka number8)
This means that after very "|-" put a a new level part for the "charge thing"
after the Firerate. For our case at least.-->
9! scope="col" style="padding: 5px;" align="center" |Range
10! scope="col" style="padding: 5px;" align="center" |DPS
11|-
12| style="padding: 5px;" align="center" |0
13| style="padding: 5px;" align="center" |{{Money|1337}}
14| style="padding: 5px;" align="center" |1337
15| style="padding: 5px;" align="center" |1337 <!-- this is Firerate -->
MOD| style="padding: 5px;" align="center" |1338 <!-- this is our newly added charge thing -->
16| style="padding: 5px;" align="center" |1337
17| style="padding: 5px;" align="center" |1337
18|-
<!-- I will now do it for each one, go figure it out yourself -->
19| style="padding: 5px;" align="center" |1
20| style="padding: 5px;" align="center" |{{Robux|1337}}
21| style="padding: 5px;" align="center" |1337
23| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1338
24| style="padding: 5px;" align="center" |1337
25| style="padding: 5px;" align="center" |1337
26|-
27| style="padding: 5px;" align="center" |2
28| style="padding: 5px;" align="center" |{{Gem|1337}}
29| style="padding: 5px;" align="center" |1337
30| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1338
31| style="padding: 5px;" align="center" |1337
32| style="padding: 5px;" align="center" |1337
33|-
34| style="padding: 5px;" align="center" |3
35| style="padding: 5px;" align="center" |{{Money|1337}}
36| style="padding: 5px;" align="center" |1337
37| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1338
38| style="padding: 5px;" align="center" |1337
39| style="padding: 5px;" align="center" |1337
40|-
41| style="padding: 5px;" align="center" |4
42| style="padding: 5px;" align="center" |{{Money|1337}}
43| style="padding: 5px;" align="center" |1337
44| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1338
45| style="padding: 5px;" align="center" |1337
46| style="padding: 5px;" align="center" |1337
MOD|-
MOD| style="padding: 5px;" align="center" |5
MOD| style="padding: 5px;" align="center" |{{Robux|1337}}
MOD| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1338
MOD| style="padding: 5px;" align="center" |1337
MOD| style="padding: 5px;" align="center" |1337
MOD|}
48</center>
49</div>
</syntaxhighlight>
there we go, now we'll get:
<div class="overflowbugy" style="width:100%;overflow:auto;">
<center>
{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
|-
! scope="col" style="padding: 5px;" align="center" |Level
! scope="col" style="padding: 5px;" align="center" |Total Price
! scope="col" style="padding: 5px;" align="center" |Damage
! scope="col" style="padding: 5px;" align="center" |Firerate
! scope="col" style="padding: 5px;" align="center" |charge thing
<!-- remember that the charge thing is located after Firerate (aka number8)
This means that after very "|-" put a a new level part for the "charge thing"
after the Firerate. For our case at least.-->
! scope="col" style="padding: 5px;" align="center" |Range
! scope="col" style="padding: 5px;" align="center" |DPS
|-
| style="padding: 5px;" align="center" |0
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337 <!-- this is Firerate -->
| style="padding: 5px;" align="center" |1338 <!-- this is our newly added charge thing -->
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
<!-- I will now do it for each one, go figure it out yourself -->
| style="padding: 5px;" align="center" |1
| style="padding: 5px;" align="center" |{{Robux|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1338
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |2
| style="padding: 5px;" align="center" |{{Gem|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1338
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |3
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1338
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |4
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1338
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|-
| style="padding: 5px;" align="center" |5
| style="padding: 5px;" align="center" |{{Robux|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1338
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|}
</center>
</div>
perfect! we got what we wants. Next we'll learn about tabbers, as well as how tabbers could be used for tables.
</div>

== Tabbers ==
tabbers are well, tabs that switches text or literally anything inside it. This is pretty easy to explain but for some reason the wiki's manual doesn't explain it. The only thing it explains is how it works [[Manual_of_Style#Infoboxes|inside an infobox]] (which make sense since that is more likely to be used).

Either way this will be short as it is very easy to explain like I said earlier.

=== How tabbers work in general ===
<div class="mw-collapsible mw-collapsed">
<syntaxhighlight lang="genshi">
<tabber>
|-|1st=
11.
|-|2nd=
22. 
</tabber>
</syntaxhighlight>
that is how a tabber should look like, of course you can remove the "|-|" in the 1st tab but for being consistent it is there. And now here is the result:

<tabber>
|-|1st=
11
|-|2nd=
22.
</tabber>

very simple eh?
</div>

=== Tabbers in different situations ===
<div class="mw-collapsible mw-collapsed">
Tabbers are also a very popular form of displaying text for a variant of something. We will be looking at how they can be used in this wiki.

Just to be sure, if you are stupid and didn't read the text earlier. Here is how you put tabbers in infoboxes [[Manual_of_Style#Infoboxes|asfdagasf]]

Okay, now we're going to look at the most used situation not counting infoboxes, it's the stats table.

<syntaxhighlight lang="genshi">
<tabber> <!-- I swear to god this is extremely easy, easiest one fr. -->
|-|normal=
<!-- all you have to do is put the thing you want in the middle
between the tabs starting point and ending point (|-|example=) -->
<div class="overflowbugy" style="width:100%;overflow:auto;">
<center>
{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
|-
! scope="col" style="padding: 5px;" align="center" |Level
! scope="col" style="padding: 5px;" align="center" |Total Price
! scope="col" style="padding: 5px;" align="center" |Damage
! scope="col" style="padding: 5px;" align="center" |Firerate
! scope="col" style="padding: 5px;" align="center" |charge thing
! scope="col" style="padding: 5px;" align="center" |Range
! scope="col" style="padding: 5px;" align="center" |DPS
|-
| style="padding: 5px;" align="center" |0
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1338
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|}
</center>
</div>
|-|cool gold ver=
<div class="overflowbugy" style="width:100%;overflow:auto;">
<center>
{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
|-
! scope="col" style="padding: 5px;" align="center" |Level
! scope="col" style="padding: 5px;" align="center" |Total Price
! scope="col" style="padding: 5px;" align="center" |Damage
! scope="col" style="padding: 5px;" align="center" |Firerate
! scope="col" style="padding: 5px;" align="center" |charge thing
! scope="col" style="padding: 5px;" align="center" |Range
! scope="col" style="padding: 5px;" align="center" |DPS
|-
| style="padding: 5px;" align="center" |1
| style="padding: 5px;" align="center" |{{Robux|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1338
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|}
</center>
</div>
</tabber>
</syntaxhighlight>
eeee

<tabber> 
|-|normal=
<div class="overflowbugy" style="width:100%;overflow:auto;">
<center>
{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
|-
! scope="col" style="padding: 5px;" align="center" |Level
! scope="col" style="padding: 5px;" align="center" |Total Price
! scope="col" style="padding: 5px;" align="center" |Damage
! scope="col" style="padding: 5px;" align="center" |Firerate
! scope="col" style="padding: 5px;" align="center" |charge thing
! scope="col" style="padding: 5px;" align="center" |Range
! scope="col" style="padding: 5px;" align="center" |DPS
|-
| style="padding: 5px;" align="center" |0
| style="padding: 5px;" align="center" |{{Money|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1338
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|}
</center>
</div>
|-|cool gold ver=
<div class="overflowbugy" style="width:100%;overflow:auto;">
<center>
{| class="wikitable" border="0" cellspacing="1" cellpadding="1" style="width:700px;" align="center"
|-
! scope="col" style="padding: 5px;" align="center" |Level
! scope="col" style="padding: 5px;" align="center" |Total Price
! scope="col" style="padding: 5px;" align="center" |Damage
! scope="col" style="padding: 5px;" align="center" |Firerate
! scope="col" style="padding: 5px;" align="center" |charge thing
! scope="col" style="padding: 5px;" align="center" |Range
! scope="col" style="padding: 5px;" align="center" |DPS
|-
| style="padding: 5px;" align="center" |1
| style="padding: 5px;" align="center" |{{Robux|1337}}
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1338
| style="padding: 5px;" align="center" |1337
| style="padding: 5px;" align="center" |1337
|}
</center>
</div>
</tabber>
</div>

== Gradient ==
gradient is basically a color and a color "merging" together. This is usually used only in modes template.

=== Gradient in modes template ===
<div class="mw-collapsible mw-collapsed">
This is a gradient:
<div style="padding: 3px; background: linear-gradient(to right, #ffffff, #004F0D);"></div>
as you can see, it looks pretty cool.

Now we're going to add it into a mode template (or literally anything if you have a brain to figure it out).

<syntaxhighlight lang="genshi">
1<center>
2{| class="golden-table"cellspacing="3"
3|-
4! colspan="3" |[[File:GoldenHardcoreIcon.png|25px]] <big>Golden</big>
5|-
6!Previous Debut
7!Current Debut
8!Next Debut
9|-
10|{{{1}}}<br/><small>''{{{2}}}''</small>
11|{{{3}}}<br/><small>''{{{4}}}''</small>
12|{{{5}}}<br/><small>''{{{6}}}''</small>
13|}
14</center>
</syntaxhighlight>
that is a golden mode template, we'll convert it to a gradient version.

<center>
{| class="golden-table"cellspacing="3"
|-
! colspan="3" |[[File:GoldenHardcoreIcon.png|25px]] <big>Golden</big>
|-
!Previous Debut
!Current Debut
!Next Debut
|-
|{{{1}}}<br/><small>''{{{2}}}''</small>
|{{{3}}}<br/><small>''{{{4}}}''</small>
|{{{5}}}<br/><small>''{{{6}}}''</small>
|}
</center>

okay start off with the code.

oh yeah, to make it easier I will add a # to the line that is edited,

Basically there's 2 version of a line of code. 1 is before, 2 is after.

The one with # is before, and with MOD [is after(modified) or completely new]
<syntaxhighlight lang="genshi">
1<center>
#{| class="golden-table"cellspacing="3"
<!-- basically replace golden-table (or anything in the class" to wikitable,
add align center and the style. I suppose that the "golden-table" class already included those
but because we are modding it, we need to add them again. If you want to know what wikitable means
I'll tell you later. -->
MOD{| class="wikitable" align="center" cellspacing="3" style=" color: black; width:75%"
3|-
MOD| colspan="3" style="padding: 3px; background: linear-gradient(to right, #ffffff, #004F0D)" |
<!-- add colspan like a normal person and padding 3 to make the gradient smol. -->
MOD|-
4! colspan="3" |[[File:GoldenHardcoreIcon.png|25px]] <big>Golden</big>
5|-
<!-- add the text align and width so that text have the right size and is aligned. -->
MOD! style="text-align:center; width:25%"|Previous Debut
MOD! style="text-align:center; width:25%"|Current Debut
MOD! style="text-align:center; width:25%"|Next Debut
9|-
<!-- same goes here -->
MOD| style="text-align:center; width:25%"|{{{1}}}<br/><small>''{{{2}}}''</small>
MOD| style="text-align:center; width:25%"|{{{3}}}<br/><small>''{{{4}}}''</small>
MOD| style="text-align:center; width:25%"|{{{5}}}<br/><small>''{{{6}}}''</small>
13|}
14</center>
</syntaxhighlight>
and now we should get:
<center>
{| class="wikitable" align="center" cellspacing="3" style=" color: black; width:75%"
|-
| colspan="3" style="padding: 3px; background: linear-gradient(to right, #ffffff, #004F0D)" |
|-
! colspan="3" |[[File:GoldenHardcoreIcon.png|25px]] <big>Golden</big>
|-
! style="text-align:center; width:25%"|Previous Debut
! style="text-align:center; width:25%"|Current Debut
! style="text-align:center; width:25%"|Next Debut
|-
| style="text-align:center; width:25%"|{{{1}}}<br/><small>''{{{2}}}''</small>
| style="text-align:center; width:25%"|{{{3}}}<br/><small>''{{{4}}}''</small>
| style="text-align:center; width:25%"|{{{5}}}<br/><small>''{{{6}}}''</small>
|}
</center>
oh yeah the wikitable too.

wikitable is basically the "default" or the one came with Wikimedia. It's basically the one that most simple table uses. In this case it is used for modifications as the class "golden-table" cannot do that.
</div>

== Easier way to do all of this without learning ==
just copy and paste, don't be like me..
[[Category:Blog posts]]