User blog:Gabonnie/Advanced TDSW Coding Manual: Difference between revisions

From Tower Defense Simulator Wiki
Jump to navigation Jump to search
Content deleted Content added
imported>Gabonnie
imported>Gabonnie
Line 622: Line 622:
| style="padding: 5px;" align="center" |4
| style="padding: 5px;" align="center" |4
| style="padding: 5px;" align="center" |{{Money|1337}}
| 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 just put it here in case some random dum dum doesn't know.

Welp, now time for some coding 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, I will do a lot more modifications as well as explaining.

<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

Revision as of 03:58, 1 September 2021

page will be completed in 1 week.
https://static.wikia.nocookie.net/abd-stand-archive/images/a/a0/Gabonnniescod.png/revision/latest?cb=20210830090104

NOTICE
Please, before reading this blog make sure that you have already read the TDSW Manual of Style. You need to learn the basics before going for advanced coding.

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.


Table of Contents:

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

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 "<!-- -->". those are for easy "reading" on the examples)

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|}

This whole code makes this:

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

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|}

and with that we should get:.

and yes the links doesn't work because these does not exist.

another row for a collum

welp, you really want to make a row like the golden and fallen mode version eh?

We will be using our existing code:

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|}

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

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|}

after this incomplete piece of trash we'll get:

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 youself it should be easy.

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|}

and we get:

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.

polluted wasteland row

and now using the previous code, we will now modify it again


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|}

aaaa

and now the explaination yes.

As you can see Polluted Wasteland have this kind of code

! style="padding:4px;margin:2px;background:#{{PrimaryColour}}; width:15%;"|[[Polluted Wasteland|<span style="color:#{{TextColour}};">Nuclear</span>]]

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.

Colored/Coloured text

this whole thing is taken from 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 youre going to use this manual for some editing shit then might aswell get the colors right here without opening another blog.

this text seperate my blog with the added "template blog" i guess

Table

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

Stats Table

Okay, this is a stats table

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>

they are a lot less complex than navboxes and you should be able to figure it out easily.

This is what the code makes

Level Total Price Damage Firerate Range DPS
0 CashScript error: No such module "Money". 1337 1337 1337 1337
1 Robux 1337 1337 1337 1337 1337
2 Gem 1337 1337 1337 1337 1337
3 CashScript error: No such module "Money". 1337 1337 1337 1337
4 CashScript error: No such module "Money". 1337 1337 1337 1337

notice how line 1 of code has the div tag with the overflow property.

<div class="overflowbugy" style="width:100%;overflow:auto;">

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.

<center>

self-explaintory, it center things. I just put it here in case some random dum dum doesn't know.

Welp, now time for some coding modyfing. This time we'll be adding another level to the table.

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>

because of how easy to do it is, I will do a lot more modifications as well as explaining.

Level Total Price Damage Firerate Range DPS
0 CashScript error: No such module "Money". 1337 1337 1337 1337
1 Robux 1337 1337 1337 1337 1337
2 Gem 1337 1337 1337 1337 1337
3 CashScript error: No such module "Money". 1337 1337 1337 1337
4 CashScript error: No such module "Money". 1337 1337 1337 1337
5 Robux 1337 1337 1337 1337 1337