Difference between revisions of "Template:Critter Info"

From Nookipedia, the Animal Crossing wiki
(Rm top-level enter alignment (left-aligning data))
m (Fixing code for second image)
 
(17 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<div style="vertical-align: top; background: #{{{primarycolor|b3b3b3}}}; margin-left: 10px; margin-bottom: 10px; {{roundy|15px}} border: 3px solid #{{{bordercolor|4d4d4d}}}; max-width: 700px; padding: 2px; {{#if:{{{minwidth|}}}|min-width: {{{minwidth}}}}};">
+
<div style="display: grid; vertical-align: top; background: #{{{primarycolor|b3b3b3}}}; margin-left: 10px; margin-bottom: 10px; {{roundy|15px}}; max-width: 700px; padding: 5px; {{#if:{{{minwidth|}}}|min-width: {{{minwidth}}}}};">
 
{{#if: {{{collapse|}}} | <div class="infobox mw-customtoggle-{{{collapse-id|1}}}">Click to toggle.</div>}}
 
{{#if: {{{collapse|}}} | <div class="infobox mw-customtoggle-{{{collapse-id|1}}}">Click to toggle.</div>}}
 
<div {{#if: {{{collapse|}}} | id="mw-customcollapsible-{{{collapse-id|1}}}"}} class="flex-container {{#if: {{{collapse|}}} | mw-collapsible mw-collapsed mw-collapsible-content}}">
 
<div {{#if: {{{collapse|}}} | id="mw-customcollapsible-{{{collapse-id|1}}}"}} class="flex-container {{#if: {{{collapse|}}} | mw-collapsible mw-collapsed mw-collapsible-content}}">
<div class="flex-item" style="margin: 0 auto; background: #ffffff; {{roundy|9px}}; text-align: center; padding: 10px; max-width: 250px;">
+
<div class="flex-item" style="margin:2px; background: #ffffff; {{roundy|11px}}; text-align: center; padding: 10px; max-width: 250px; margin: 2px auto;">
{{#if:{{{number|}}}|<div style="float: left; position: absolute; background: #{{{secondarycolor|d9d9d9}}}; border-radius: 15px; color: #FFFFFF; padding: 5px;"><small>#{{{number|}}}</small></div> | }}
+
{{#if:{{{number|}}}|<div style="float: left; position: absolute; background: #{{{secondarycolor|d9d9d9}}}; border-radius: 15px; color: #7a7a7a; padding: {{#ifexpr:{{{number|0}}}>9|3px|0px}} 5px;"><small>#{{{number|10}}}</small></div> | }}
 
<div style="display: table; height: 100%; width: 100%;">
 
<div style="display: table; height: 100%; width: 100%;">
 
<div style="display: table-cell; vertical-align: middle;">
 
<div style="display: table-cell; vertical-align: middle;">
{{#if:{{{image|}}}|[[File:{{{image}}}|{{{imagesize|200px}}}]]|Have an image of this critter?<br>Then please '''[[Special:Upload|upload]]''' it!}}{{#if:{{{caption|}}}|<br>{{{caption}}}}}<br>{{#if:{{{image2|}}}|[[File:{{{image}}}|{{{imagesize|200px}}}]]|}}{{#if:{{{caption2|}}}|<br>{{{caption2}}}}}
+
{{#if:{{{image|}}}|[[File:{{{image}}}|{{{imagesize|200px}}}|{{SUBPAGENAME}}{{#if:{{{crisp|}}}|{{!}}class=sprite}}]]|Have an image of this critter?<br>Then please '''[[Special:Upload|upload]]''' it!}}{{#if:{{{caption|}}}|<br>{{{caption}}}}}<br>{{#if:{{{image2|}}}|[[File:{{{image2}}}|{{{image2size|200px}}}|{{SUBPAGENAME}}{{#if:{{{crisp2|}}}|{{!}}class=sprite}}]]|}}{{#if:{{{caption2|}}}|<br>{{{caption2}}}}}
 
</div>
 
</div>
 
</div>
 
</div>
Line 66: Line 66:
 
==Usage==
 
==Usage==
 
<pre>
 
<pre>
{{Infobox
+
{{Critter Info
|bordercolor    =
 
 
|primarycolor  =  
 
|primarycolor  =  
 
|secondarycolor =  
 
|secondarycolor =  
|title          =  
+
|name          =  
 
|image          =
 
|image          =
 
|caption        =
 
|caption        =

Latest revision as of 04:43, December 18, 2023

Have an image of this critter?
Then please upload it!

{{{label}}}

Usage

{{Critter Info
|primarycolor   = 
|secondarycolor = 
|name           = 
|image          =
|caption        =
|image2         =
|caption2       =
|label          = 
|data           = 
|label2         = 
|data2          = 
|label3         = 
|data3          = 
|label4         = 
|data4          = 
|label5         = 
|data5          = 
|label6         = 
|data6          = 
|label7         = 
|data7          = 
|label8         = 
|data8          = 
|label9         = 
|data9          = 
|label10        = 
|data10         = 
|label11        = 
|data11         = 
|labelend       = 
|dataend        = 
}}