WiKirby:Sandbox: Difference between revisions
m (Cleaning out this part of the sandbox, and adding the help navbox.) |
|||
Line 22: | Line 22: | ||
==Other tests== | ==Other tests== | ||
===Responsive=== | |||
<!-- box start --> | |||
<div class="evolutions-box" style="border: 1px solid #A00; background-color: #DE8; {{Round}}; text-align: center; max-width: 660px; margin: auto"> | |||
<div style="background-color: #6C9; {{Round}}; padding: 2px; margin: 2px">'''Cutter Evolutions'''</div> | |||
<div class="row"> | |||
<div class="col"> | |||
[[File:CutterKTDX.png|x96px]]<br>'''[[Cutter]]''' | |||
</div> | |||
<div class="col-12 col-md-1" style="align-self: center"> | |||
<div class="d-none d-md-block">{{large|⇿}}</div> | |||
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div> | |||
</div> | |||
<div class="col"> | |||
[[File:KatFL Chakram Cutter Kirby artwork.png|x96px]]<br>'''[[Chakram Cutter]]''' | |||
</div> | |||
<div class="col-12 col-md-1" style="align-self: center"> | |||
<div class="d-none d-md-block">{{large|⇿}}</div> | |||
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div> | |||
</div> | |||
<div class="col" > | |||
[[File:KatFL Buzz-Saw Cutter Kirby artwork.png|x96px]]<br>'''[[Buzz-Saw Cutter]]''' | |||
</div> | |||
</div> | |||
</div> | |||
<!-- box end --> | |||
<!-- box start --> | |||
<div class="evolutions-box" style="border: 1px solid #A00; background-color: #DE8; {{Round}}; text-align: center; max-width: 800px; margin: auto"> | |||
<div style="background-color: #6C9; {{Round}}; padding: 2px; margin: 2px">'''Hammer Evolutions'''</div> | |||
<div class="row"> | |||
<div class="col"> | |||
[[File:KF2 Hammer artwork.png|x96px]]<br>'''[[Hammer]]''' | |||
</div> | |||
<div class="col-12 col-md-1" style="align-self: center"> | |||
<div class="d-none d-md-block">{{large|⇿}}</div> | |||
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div> | |||
</div> | |||
<div class="col"> | |||
[[File:KatFL Toy Hammer Kirby artwork.png|x96px]]<br>'''[[Toy Hammer]]''' | |||
</div> | |||
<div class="col-12 col-md-1" style="align-self: center"> | |||
<div class="d-none d-md-block">{{large|⇿}}</div> | |||
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div> | |||
</div> | |||
<div class="col" > | |||
[[File:KatFL Wild Hammer Artwork.png|x96px]]<br>'''[[Wild Hammer]]''' | |||
</div> | |||
<div class="col-12 col-md-1" style="align-self: center"> | |||
<div class="d-none d-md-block">{{large|⇿}}</div> | |||
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div> | |||
</div> | |||
<div class="col" > | |||
[[File:KatFL Masked Hammer Render.png|x96px]]<br>'''[[Masked Hammer]]''' | |||
</div> | |||
</div> | |||
</div> | |||
<!-- box end --> | |||
<!-- box start --> | |||
<div class="evolutions-box" style="border: 1px solid #A00; background-color: #DE8; {{Round}}; text-align: center; max-width: 350px; margin: auto"> | |||
<div style="background-color: #6C9; {{Round}}; padding: 2px; margin: 2px">'''Sleep Evolutions'''</div> | |||
<div class="row"> | |||
<div class="col"> | |||
[[File:KatFL Sleep Kirby artwork.png|x96px]]<br>'''[[Sleep]]''' | |||
</div> | |||
<div class="col-12 col-md-1" style="align-self: center"> | |||
<div class="d-none d-md-block">{{large|⇿}}</div> | |||
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div> | |||
</div> | |||
<div class="col"> | |||
[[File:KatFL Deep Sleep Artwork.png|x96px]]<br>'''[[Deep Sleep]]''' | |||
</div> | |||
</div> | |||
</div> | |||
<!-- box end --> | |||
The only caveat of this responsive style is that it needs the CSS extension tag to adapt the width specifically better when the screen is smaller. | |||
<pre> | |||
<!-- | |||
-->{{#css: @media (max-width: 768px) { .evolutions-box { width: 200px } } }}<!-- | |||
--> | |||
</pre> | |||
TL;DR: when the screen is smaller than 768px width, the boxes (which have a class called <code>evolutions-box</code> will have a fixed width of 200px. If this is not applied, the responsive behaviour is not lost, but the boxes will fill 100% of the width left. | |||
<!-- | |||
-->{{#css: @media (max-width: 768px) { .evolutions-box { width: 200px } } }}<!-- | |||
--> | |||
====Table boxes==== | |||
{|width="30%" style="border: 1px solid #A00; text-align: center; margin:auto; background-color: #DE8; {{Round}}" | {|width="30%" style="border: 1px solid #A00; text-align: center; margin:auto; background-color: #DE8; {{Round}}" | ||
! colspan="7" style="background-color: #6C9; {{Round}}" | Cutter Evolutions | ! colspan="7" style="background-color: #6C9; {{Round}}" | Cutter Evolutions |
Revision as of 16:42, 15 July 2022
Welcome to WiKirby's Sandbox! This page is for editing experiments. Feel free to try your skills at formatting here. To edit, click here or click edit at the top of the page, make your changes in the dialog box, and click the Save page button when you are finished. However, make sure you have everything down and that you checked it for errors so you don't have to keep editing the same thing! Content added here will not remain permanently; this page is cleared every so often.
Please remember to mind your manners while using the sandbox, and do not place anything in here that goes against policy. Once you have learned how to edit a page, why not read the help guide for some information on how to edit and format articles? |
- ...Kine has a crush on Tiff in the anime series, but in the games, he has a wife named Mine?
- ...Francisca, Flamberge, and Zan Partizanne are named after the weapons they wield, those being the francisca, flamberge, and partisan, respectively?
- ...if Kirby receives a Mix in Kirby's Adventure, it is possible to briefly see an unused icon for Kirby in a Cannon?
Collapsible Template:Mature
Made for a start, in regard of the ongoing referendum. If you can, feel free to improve them. Regardless of what comes out of the spoiler referendum, I expect something like this to be used for mature sections anyway. –Wiz (talk · edits) 17:18, 19 May 2022 (UTC)
Other tests
Responsive
The only caveat of this responsive style is that it needs the CSS extension tag to adapt the width specifically better when the screen is smaller.
<!-- -->{{#css: @media (max-width: 768px) { .evolutions-box { width: 200px } } }}<!-- -->
TL;DR: when the screen is smaller than 768px width, the boxes (which have a class called evolutions-box
will have a fixed width of 200px. If this is not applied, the responsive behaviour is not lost, but the boxes will fill 100% of the width left.
Table boxes
Cutter Evolutions | ||||||
---|---|---|---|---|---|---|
Cutter |
⇿ | Chakram Cutter |
⇿ | Buzz-Saw Cutter |
Hammer Evolutions | ||||||
---|---|---|---|---|---|---|
Hammer |
⇿ | Toy Hammer |
⇿ | Wild Hammer |
⇿ | Masked Hammer |
Sleep Evolutions | ||||||
---|---|---|---|---|---|---|
Sleep |
⇿ | Deep Sleep |
Various DPL stuff
Should automatically update, but you may need to purge the page cache to see it.
Not good stuff
Each of these three lists display only 50 items. Excludes files in any of the following categories: Good images, Low quality images, FANDOM sourced images, YouTube sourced images, and Files lacking sources. (Joke images, Personal media, Upscaled images, and Files lacking source links should be too, but technical limitations.)
Not good images |
---|
Extension:DynamicPageList3 (DPL3), version 3.5.2: Error: At least one category must be chosen to use 'addfirstcategorydate=true' or 'ordermethod=categoryadd'. |
Not good images skipped by the offset |
---|
Extension:DynamicPageList3 (DPL3), version 3.5.2: Error: At least one category must be chosen to use 'addfirstcategorydate=true' or 'ordermethod=categoryadd'. |
Not good audio |
---|
Excludes articles in Articles under construction, Articles with incomplete sections, Stubs, Image requested, and Pages needing attention. (Articles lacking sources and Pages needing a rewrite should be excluded too, but technical limitations.)
Not good pages |
---|
Extension:DynamicPageList3 (DPL3), version 3.5.2: Error: You need to include at least one category, or specify a namespace! |
Unsourced images by type (does not include YouTube/Fandom subcategories)
Unsourced screenshots |
---|
Unsourced artwork |
---|
Unsourced photos |
---|
Unsourced everything else |
---|
rctest