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

From Tower Defense Simulator Wiki
Jump to navigation Jump to search
← Older editNewer edit →
undoimported>Gabonnie
Content deleted Content added
imported>Gabonnie
imported>Gabonnie
No edit summary
Line 26: Line 26:
*5 [[#Gradient|Gradient]]
*5 [[#Gradient|Gradient]]
**5.1 [[#Gradient in modes template|Gradient in modes template]]
**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>
</div>

Revision as of 03:50, 4 September 2021

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:

File:EnemiesNewHeader.png
Regular Enemies
Normal Mode Normal • Speedy
Molten Mode Normal • Speedy
Golden Mode Abnormal • Quick
Nuclear Radioactive • Wasted Boss • Splitter • Split
Fallen Mode Abnormal • Quick
Nuclear Radioactive • Wasted Boss
Hidden Wave Glitched Giant • Bug
Hardcore Mode Abnormal • Quick

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:.

File:EnemiesNewHeader.png
Regular Enemies
Normal Mode Normal • Speedy
stupid mode enemeies example • ex2
Molten Mode Normal • Speedy
Golden Mode Abnormal • Quick
Nuclear Radioactive • Wasted Boss • Splitter • Split
Fallen Mode Abnormal • Quick
Nuclear Radioactive • Wasted Boss
Hidden Wave Glitched Giant • Bug
Hardcore Mode Abnormal • Quick

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:

File:EnemiesNewHeader.png
Regular Enemies
Normal Mode Normal • Speedy
stupid mode enemeies example • ex2
ggez ex • hsegadag
Molten Mode Normal • Speedy
Golden Mode Abnormal • Quick
Nuclear Radioactive • Wasted Boss • Splitter • Split
Fallen Mode Abnormal • Quick
Nuclear Radioactive • Wasted Boss
Hidden Wave Glitched Giant • Bug
Hardcore Mode 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 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:

File:EnemiesNewHeader.png
Regular Enemies
Normal Mode Normal • Speedy
stupid mode enemeies example • ex2
ggez ex • hsegadag
jjez ex222 • bsads
jej ed • ex22231
Molten Mode Normal • Speedy
Golden Mode Abnormal • Quick
Nuclear Radioactive • Wasted Boss • Splitter • Split
Fallen Mode Abnormal • Quick
Nuclear Radioactive • Wasted Boss
Hidden Wave Glitched Giant • Bug
Hardcore Mode 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.

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

File:EnemiesNewHeader.png
Regular Enemies
Normal Mode Normal • Speedy
stupid mode enemeies example • ex2
ggez ex • hsegadag
jjez ex222 • bsads
jej ed • ex22231
Nuclear RUWBA9Q88305 • DFYYFUV
Molten Mode Normal • Speedy
Golden Mode Abnormal • Quick
Nuclear Radioactive • Wasted Boss • Splitter • Split
Fallen Mode Abnormal • Quick
Nuclear Radioactive • Wasted Boss
Hidden Wave Glitched Giant • Bug
Hardcore Mode Abnormal • Quick

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

Template:User blog:Mentin123/Colour codes

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

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

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, it shouldn't be that hard for newbies at this to learn.

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

another "header" for the table

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. 

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>

and after this we get:

Level Total Price Damage Firerate charge thing 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

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. 

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>

there we go, now we'll get:

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

perfect! we got what we wants. Next we'll learn about tabbers, as well as how tabbers could be used for tables.

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

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

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?

Tabbers in different situations

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 asfdagasf

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

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

eeee

<tabber> |-|normal=

Level Total Price Damage Firerate charge thing Range DPS
0 CashScript error: No such module "Money". 1337 1337 1338 1337 1337

|-|cool gold ver=

Level Total Price Damage Firerate charge thing Range DPS
1 Robux 1337 1337 1337 1338 1337 1337

</tabber>

Gradient

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

Gradient in modes template

This is a gradient:

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). 

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>

that is a golden mode template, we'll convert it to a gradient version.

File:GoldenHardcoreIcon.png Golden
Previous Debut Current Debut Next Debut
{{{1}}}
{{{2}}} 		{{{3}}}
{{{4}}} 		{{{5}}}
{{{6}}}

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] 

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>

and now we should get:

File:GoldenHardcoreIcon.png Golden
Previous Debut Current Debut Next Debut
{{{1}}}
{{{2}}} 		{{{3}}}
{{{4}}} 		{{{5}}}
{{{6}}}

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.

Easier way to do all of this without learning

just copy and paste, don't be like me..

Retrieved from "https://tds.wiki/w/User_blog:Gabonnie/Advanced_TDSW_Coding_Manual?oldid=152738"