User:Tiddlywinks/PokemonDivbox: Difference between revisions

From Bulbapedia, the community-driven Pokémon encyclopedia.
Jump to navigationJump to search
m (This data needs to be centered when gender has two rows)
(form framework...)
 
Line 20: Line 20:
<div class="roundy" style="background-color: #FFF; grid-column-end: span 2;"><!-- images container OPEN -->
<div class="roundy" style="background-color: #FFF; grid-column-end: span 2;"><!-- images container OPEN -->
<!-- tbd: form images/switches? -->
<!-- tbd: form images/switches? -->
<div><!-- active image container OPEN -->
<div style="max-width: 420px; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;"><!-- form selector OPEN -->
<div>[[File:{{{image|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}.png}}}|250px|{{{form1|{{{name|{{{tmname|}}}}}}}}}]]</div><!-- active image -->
{{#if: {{{forms|}}}|<div class="roundy clicktoggle clicktoggle-active" data-type="set" data-for="pibox1703553660-{{{name|{{{tmname|}}}}}},form1" style="border: 1px solid white; {{roundy|15px}}" data-active-style="border: 1px outset black;">[[File:{{{image|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}.png}}}|link=|70px|{{{form1|{{{name|{{{tmname|}}}}}}}}}]]</div>
{{#if: {{{form2|}}}|<div class="roundy clicktoggle" data-type="set" data-for="pibox1703553660-{{{name|{{{tmname|}}}}}},form2" style="border: 1px solid white;" data-active-style="border: 1px outset black; {{roundy|15px}}">[[File:{{{image2|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}-{{{form2|}}}.png}}}|link=|70px|{{{form2|{{{name|{{{tmname|}}}}}}}}}]]</div>
{{#if: {{{form3|}}}|<div class="roundy clicktoggle" data-type="set" data-for="pibox1703553660-{{{name|{{{tmname|}}}}}},form3" style="border: 1px solid white;" data-active-style="border: 1px outset black; {{roundy|15px}}">[[File:{{{image3|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}-{{{form3|}}}.png}}}|link=|70px|{{{form3|{{{name|{{{tmname|}}}}}}}}}]]</div>
{{#if: {{{form4|}}}|<div class="roundy clicktoggle" data-type="set" data-for="pibox1703553660-{{{name|{{{tmname|}}}}}},form4" style="border: 1px solid white;" data-active-style="border: 1px outset black; {{roundy|15px}}">[[File:{{{image4|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}-{{{form4|}}}.png}}}|link=|70px|{{{form4|{{{name|{{{tmname|}}}}}}}}}]]</div>
{{#if: {{{form5|}}}|<div class="roundy clicktoggle" data-type="set" data-for="pibox1703553660-{{{name|{{{tmname|}}}}}},form5" style="border: 1px solid white;" data-active-style="border: 1px outset black; {{roundy|15px}}">[[File:{{{image5|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}-{{{form5|}}}.png}}}|link=|70px|{{{form5|{{{name|{{{tmname|}}}}}}}}}]]</div>
{{#if: {{{form6|}}}|<div class="roundy clicktoggle" data-type="set" data-for="pibox1703553660-{{{name|{{{tmname|}}}}}},form6" style="border: 1px solid white;" data-active-style="border: 1px outset black; {{roundy|15px}}">[[File:{{{image6|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}-{{{form6|}}}.png}}}|link=|70px|{{{form6|{{{name|{{{tmname|}}}}}}}}}]]</div>}}}}}}}}}}}}
</div><!-- form selector CLOSE -->
<div><!-- big image container OPEN -->
<div class="clicktoggle-target" data-group="pibox1703553660-{{{name|{{{tmname|}}}}}}" data-target="form1"><!-- form1 OPEN -->
<div>[[File:{{{image|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}.png}}}|250px|{{{form1|{{{name|{{{tmname|}}}}}}}}}]]</div><!-- image -->
<div style="font-size: smaller;">{{{form1|{{{name|{{{tmname|}}}}}}}}}</div><!-- name/form -->
<div style="font-size: smaller;">{{{form1|{{{name|{{{tmname|}}}}}}}}}</div><!-- name/form -->
</div><!-- active image container CLOSE -->
</div><!-- form1 CLOSE -->
{{#if: {{{form2|}}}|<div class="clicktoggle-target" data-group="pibox1703553660-{{{name|{{{tmname|}}}}}}" data-target="form2" style="display: none;"><!-- form2 OPEN -->
<div>[[File:{{{image2|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}.png}}}|250px|{{{form2|{{{name|{{{tmname|}}}}}}}}}]]</div><!-- image -->
<div style="font-size: smaller;">{{{form2|{{{name|{{{tmname|}}}}}}}}}</div><!-- name/form -->
</div><!-- form2 CLOSE -->
{{#if: {{{form3|}}}|<div class="clicktoggle-target" data-group="pibox1703553660-{{{name|{{{tmname|}}}}}}" data-target="form3" style="display: none;"><!-- form3 OPEN -->
<div>[[File:{{{image3|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}.png}}}|250px|{{{form3|{{{name|{{{tmname|}}}}}}}}}]]</div><!-- image -->
<div style="font-size: smaller;">{{{form3|{{{name|{{{tmname|}}}}}}}}}</div><!-- name/form -->
</div><!-- form3 CLOSE -->
{{#if: {{{form4|}}}|<div class="clicktoggle-target" data-group="pibox1703553660-{{{name|{{{tmname|}}}}}}" data-target="form4" style="display: none;"><!-- form4 OPEN -->
<div>[[File:{{{image4|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}.png}}}|250px|{{{form4|{{{name|{{{tmname|}}}}}}}}}]]</div><!-- image -->
<div style="font-size: smaller;">{{{form4|{{{name|{{{tmname|}}}}}}}}}</div><!-- name/form -->
</div><!-- form4 CLOSE -->
{{#if: {{{form5|}}}|<div class="clicktoggle-target" data-group="pibox1703553660-{{{name|{{{tmname|}}}}}}" data-target="form5" style="display: none;"><!-- form5 OPEN -->
<div>[[File:{{{image5|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}.png}}}|250px|{{{form5|{{{name|{{{tmname|}}}}}}}}}]]</div><!-- image -->
<div style="font-size: smaller;">{{{form5|{{{name|{{{tmname|}}}}}}}}}</div><!-- name/form -->
</div><!-- form5 CLOSE -->
{{#if: {{{form6|}}}|<div class="clicktoggle-target" data-group="pibox1703553660-{{{name|{{{tmname|}}}}}}" data-target="form6" style="display: none;"><!-- form6 OPEN -->
<div>[[File:{{{image6|{{{ndex|000}}}{{{name|{{{tmname|}}}}}}.png}}}|250px|{{{form6|{{{name|{{{tmname|}}}}}}}}}]]</div><!-- image -->
<div style="font-size: smaller;">{{{form6|{{{name|{{{tmname|}}}}}}}}}</div><!-- name/form -->
</div><!-- form6 CLOSE -->}}}}}}}}}}
</div><!-- big image container CLOSE -->
<div>[[a:Category:{{{name|{{{tmname|Bulbasaur}}}}}}|Images on the Bulbagarden Archives]]</div><!-- Archives link -->
<div>[[a:Category:{{{name|{{{tmname|Bulbasaur}}}}}}|Images on the Bulbagarden Archives]]</div><!-- Archives link -->
</div><!-- images container CLOSE -->
</div><!-- images container CLOSE -->

Latest revision as of 01:54, 26 December 2023




Template documentation
Note: portions of the template sample may not be visible without values provided.
lorem ipsum

Parameters

Some should change/disappear, like forme...

  • type1
  • type2
  • name
  • tmname
  • jname (Maybe this should say kana (jkana?) or something, because instinctively, I could think jname was tmname)
  • jtranslit (I'd much rather this say romanization (jrom?))
  • ndex
  • image
    • image2, image3, image4, image5, image6
  • forms (Replacing forme: form count)
  • form1
    • form2, form3, form4, form5, form6
  • category
  • ability1
  • ability2
  • abilityd (this really needs to be abilityh or maybe even hability or hiddenability)
  • malerate (unknown, 0, 12.5, 25, 50, 75, 87.5, 100)
    • note: changed from gendercode, 0 => 100, 31 => 87.5, 63 => 75, 127 => 50, 191 => 25, 223 => 12.5, 254 => 0, 255 => unknown
  • lv100exp

Also, note to self: I can mostly copy Template:Pokémon Infobox/doc. Don't need to reinvent the wheel. (But for now I think I will keep track of what's in this template.)

Examples

We could omit the romanization if it's the same as the trademarked name. And the trademarked name if it's the same as the English. But having them all there if they exist might also be good just for consistency. (I could see people complaining that we don't have the romanization or whatever even if it's the same.)

Meowth
Nyarth
ニャース
Nyāsu
Meowth
Alolan Meowth
Galarian Meowth
Gigantamax Meowth
Meowth
Meowth
Scratch Cat Pokémon
Medium Fast



Notes

Derived from User:SnorlaxMonster/Pokémon Infobox

TBD

  • Switch the gender ratio links from categories to sections of List of Pokémon by gender ratio
    • For simplicity, add anchors based on the rate values (#unknown, #0, #12.5, etc)
    • Maybe revamp list so it fills space too
  • Will need to note that this or that parameter has changed (or perhaps generically, "one or more parameters have changed, see [...]")
  • Eventually...other parameters, probably in an expandable section. (For now, this is a basic framework to try to work out the most basic questions.) Other data (including forms) will come later.