User blog:Gabonnie/Advanced TDSW Coding Manual: Difference between revisions
imported>Gabonnie |
imported>Gabonnie No edit summary |
||
| Line 19: | Line 19: | ||
**1.3 [[#polluted wasteland row|polluted wasteland row]] |
**1.3 [[#polluted wasteland row|polluted wasteland row]] |
||
*2 [[#Colored/Coloured text|Colored/Coloured text]] |
*2 [[#Colored/Coloured text|Colored/Coloured text]] |
||
*3 [[#Table|Table]] |
*3 [[#Stats Table|Stats Table]] |
||
*3.1 [[#adding another row for the table|adding another row for the table]] |
|||
*3.1 [[#Stats Table|Stats Table]] |
|||
*3.2 [[#another "header" for the table|another "header" for the table]] |
|||
''' |
''' |
||
</div> |
</div> |
||
| Line 521: | Line 522: | ||
</div> |
</div> |
||
== Table == |
== Stats Table == |
||
a table, they are built just like navboxes but easier. The rules applying to navboxes goes the same with these. |
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=== |
=== adding another row for the table === |
||
<div class="mw-collapsible mw-collapsed"> |
<div class="mw-collapsible mw-collapsed"> |
||
Okay, this is a stats table |
Okay, this is a stats table |
||
Revision as of 04:02, 1 September 2021
| 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.
|
Table of Contents:
- 1 Navbox
- 2 Colored/Coloured text
- 3 Stats Table
- 3.1 adding another row for the table
- 3.2 another "header" for the table
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
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="▼" data-collapsetext="▲"
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:
| 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="▼" data-collapsetext="▲"
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="▼" data-collapsetext="▲"
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="▼" data-collapsetext="▲"
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:
| 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="▼" data-collapsetext="▲"
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:
| 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="▼" data-collapsetext="▲"
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
| 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
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, 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 |
another "header" for the table
wip