Template:Button: Difference between revisions

From Ukikipedia
Jump to navigation Jump to search
(Created page with "{{#switch:{{lc:{{{1}}}}} |#default=<span style="background: #72777d; border: 1px solid #27292d; border-radius: 1rem; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">?</span> |a=<span style="background: #36c; border: 1px solid #1b223d; border-radius: 1rem; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-al...")
 
mNo edit summary
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#switch:{{lc:{{{1}}}}}
<templatestyles src="Button/styles.css" /><span style="cursor: help; display: inline-block; font-style: normal; font-weight: normal; text-wrap-mode: nowrap; vertical-align: center;">{{#switch:{{lc:{{{1}}}}}
|#default=<span style="background: #72777d; border: 1px solid #27292d; border-radius: 1rem; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">?</span>
|#default=<span class="button" style="vertical-align: center;">{{{1|?}}}</span>
|a=<span style="background: #36c; border: 1px solid #1b223d; border-radius: 1rem; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">A</span>
|control stick|stick=<span title="Control Stick" class="stick n64" style="vertical-align: center;"><span class="gate" style="background-image: radial-gradient(circle, #a2a9b1 0% 25%, #72777d 25% 100%); vertical-align: center;">Control Stick</span><span class="grip" style="background-image: radial-gradient(circle, #a2a9b1 0% 12.5%, #eaecf0 12.5% 25%, #f8f9fa 25% 37.5%, #eaecf0 37.5% 50%, #f8f9fa 50% 62.5%, #eaecf0 62.5% 75%, #f8f9fa 75% 87.5%, #eaecf0 87.5% 100%); vertical-align: center;"></span></span>
|b=<span style="background: #1f7a39; border: 1px solid #142817; border-radius: 1rem; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">B</span>
|stick^=<span title="Control Stick" class="stick n64 up" style="vertical-align: center;"><span class="gate" style="background-image: radial-gradient(circle, #a2a9b1 0% 25%, #72777d 25% 100%); vertical-align: center;">Control Stick</span><span class="grip" style="background-image: radial-gradient(circle, #a2a9b1 0% 12.5%, #eaecf0 12.5% 25%, #f8f9fa 25% 37.5%, #eaecf0 37.5% 50%, #f8f9fa 50% 62.5%, #eaecf0 62.5% 75%, #f8f9fa 75% 87.5%, #eaecf0 87.5% 100%); transform: rotateX(30deg); vertical-align: center;"></span></span>
|c^=<span style="color: #54595d; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; vertical-align: middle;">C</span>&nbsp;<span style="background: #ffcf4f; border: 1px solid #ab7f2a; border-radius: 1rem; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">▲</span>
|stickv=<span title="Control Stick" class="stick n64 down" style="vertical-align: center;"><span class="gate" style="background-image: radial-gradient(circle, #a2a9b1 0% 25%, #72777d 25% 100%); vertical-align: center;">Control Stick</span><span class="grip" style="background-image: radial-gradient(circle, #a2a9b1 0% 12.5%, #eaecf0 12.5% 25%, #f8f9fa 25% 37.5%, #eaecf0 37.5% 50%, #f8f9fa 50% 62.5%, #eaecf0 62.5% 75%, #f8f9fa 75% 87.5%, #eaecf0 87.5% 100%); transform: rotateX(-30deg); vertical-align: center;"></span></span>
|c>=<span style="color: #54595d; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; vertical-align: middle;">C</span>&nbsp;<span style="background: #ffcf4f; border: 1px solid #ab7f2a; border-radius: 1rem; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">▶</span>
|stick<=<span title="Control Stick" class="stick n64 left" style="vertical-align: center;"><span class="gate" style="background-image: radial-gradient(circle, #a2a9b1 0% 25%, #72777d 25% 100%); vertical-align: center;">Control Stick</span><span class="grip" style="background-image: radial-gradient(circle, #a2a9b1 0% 12.5%, #eaecf0 12.5% 25%, #f8f9fa 25% 37.5%, #eaecf0 37.5% 50%, #f8f9fa 50% 62.5%, #eaecf0 62.5% 75%, #f8f9fa 75% 87.5%, #eaecf0 87.5% 100%); transform: rotateY(-30deg); vertical-align: center;"></span></span>
|cv=<span style="color: #54595d; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; vertical-align: middle;">C</span>&nbsp;<span style="background: #ffcf4f; border: 1px solid #ab7f2a; border-radius: 1rem; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">▼</span>
|stick>=<span title="Control Stick" class="stick n64 right" style="vertical-align: center;"><span class="gate" style="background-image: radial-gradient(circle, #a2a9b1 0% 25%, #72777d 25% 100%); vertical-align: center;">Control Stick</span><span class="grip" style="background-image: radial-gradient(circle, #a2a9b1 0% 12.5%, #eaecf0 12.5% 25%, #f8f9fa 25% 37.5%, #eaecf0 37.5% 50%, #f8f9fa 50% 62.5%, #eaecf0 62.5% 75%, #f8f9fa 75% 87.5%, #eaecf0 87.5% 100%); transform: rotateY(30deg); vertical-align: center;"></span></span>
|c<=<span style="color: #54595d; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; vertical-align: middle;">C</span>&nbsp;<span style="background: #ffcf4f; border: 1px solid #ab7f2a; border-radius: 1rem; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">◀</span>
|a=<span title="A button" class="button n64 a" style="vertical-align: center;">A</span>
|d^|^=<span style="background: #72777d; border: 1px solid #27292d; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">▲</span>
|b=<span title="B button" class="button n64 b" style="vertical-align: center;">B</span>
|d>|>=<span style="background: #72777d; border: 1px solid #27292d; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">▶</span>
|¢=<span class="button-label" style="vertical-align: center;">C</span>
|dv|v=<span style="background: #72777d; border: 1px solid #27292d; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">▼</span>
|¢^=<span title="C up button" class="button n64 c up" style="vertical-align: center;">▲</span>
|d<|<=<span style="background: #72777d; border: 1px solid #27292d; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">◀</span>
|¢v=<span title="C down button" class="button n64 c down" style="vertical-align: center;">▼</span>
|l=<span style="background: #72777d; border: 1px solid #27292d; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">L</span>
|¢<=<span title="C left button" class="button n64 c left" style="vertical-align: center;">◀</span>
|r=<span style="background: #72777d; border: 1px solid #27292d; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">R</span>
|¢>=<span title="C right button" class="button n64 c right" style="vertical-align: center;">▶</span>
|start=<span style="background: #f54739; border: 1px solid #9f3526; border-radius: 1rem; color: #fff; display: inline-block; font-size: calc(1rem / 3); font-weight: bolder; height: 1rem; line-height: 1rem; text-align: center; text-transform: uppercase; vertical-align: middle; width: 1rem;">Start</span>
|¢^v=<span title="C up button" class="button n64 c up" style="vertical-align: center;">▲</span><span title="C down button" class="button n64 c down" style="vertical-align: center;">▼</span>
|z=<span style="background: #72777d; border: 1px solid #27292d; color: #fff; display: inline-block; font-size: smaller; height: 1rem; line-height: 1rem; text-align: center; vertical-align: middle; width: 1rem;">Z</span>
|¢<>=<span title="C left button" class="button n64 c left" style="vertical-align: center;">◀</span><span title="C right button" class="button n64 c right" style="vertical-align: center;">▶</span>
}}
|¢+=<span title="C up button" class="button n64 c up" style="vertical-align: center;">▲</span><span title="C down button" class="button n64 c down" style="vertical-align: center;">▼</span><span title="C left button" class="button n64 c left" style="vertical-align: center;">◀</span><span title="C right button" class="button n64 c right" style="vertical-align: center;">▶</span>
|c^=<span class="button-label" style="vertical-align: center;">C</span><span title="C up button" class="button n64 c up" style="vertical-align: center;">▲</span>
|cv=<span class="button-label" style="vertical-align: center;">C</span><span title="C down button" class="button n64 c down" style="vertical-align: center;">▼</span>
|c<=<span class="button-label" style="vertical-align: center;">C</span><span title="C left button" class="button n64 c left" style="vertical-align: center;">◀</span>
|c>=<span class="button-label" style="vertical-align: center;">C</span><span title="C right button" class="button n64 c right" style="vertical-align: center;">▶</span>
|c^v=<span class="button-label" style="vertical-align: center;">C</span><span title="C up button" class="button n64 c up" style="vertical-align: center;">▲</span><span title="C down button" class="button n64 c down" style="vertical-align: center;">▼</span>
|c<>=<span class="button-label" style="vertical-align: center;">C</span><span title="C left button" class="button n64 c left" style="vertical-align: center;">◀</span><span title="C right button" class="button n64 c right" style="vertical-align: center;">▶</span>
|c|c+=<span class="button-label" style="vertical-align: center;">C</span><span title="C up button" class="button n64 c up" style="vertical-align: center;">▲</span><span title="C down button" class="button n64 c down" style="vertical-align: center;">▼</span><span title="C left button" class="button n64 c left" style="vertical-align: center;">◀</span><span title="C right button" class="button n64 c right" style="vertical-align: center;">▶</span>
|d^|^=<span title="D-pad up button" class="button n64 d up" style="vertical-align: center;">▲</span>
|dv|v=<span title="D-pad down button" class="button n64 d down" style="vertical-align: center;">▼</span>
|d<|<=<span title="D-pad left button" class="button n64 d left" style="vertical-align: center;">◀</span>
|d>|>=<span title="D-pad right button" class="button n64 d right" style="vertical-align: center;">▶</span>
|d^v|^v=<span title="D-pad up button" class="button n64 d up" style="vertical-align: center;">▲</span><span title="D-pad down button" class="button n64 d down" style="vertical-align: center;">▼</span>
|d<>|<>=<span title="D-pad left button" class="button n64 d left" style="vertical-align: center;">◀</span><span title="D-pad right button" class="button n64 d right" style="vertical-align: center;">▶</span>
|d|d+=<span title="D-pad up button" class="button n64 d up" style="vertical-align: center;">▲</span><span title="D-pad down button" class="button n64 d down" style="vertical-align: center;">▼</span><span title="D-pad left button" class="button n64 d left" style="vertical-align: center;">◀</span><span title="D-pad right button" class="button n64 d right" style="vertical-align: center;">▶</span>
|l=<span title="L button" class="button n64 l" style="vertical-align: center;">L</span>
|r=<span title="R button" class="button n64 r" style="vertical-align: center;">R</span>
|start=<span title="Start button" class="button n64 start" style="vertical-align: center;">Start</span>
|z=<span title="Z button" class="button n64 z" style="vertical-align: center;">Z</span>
|gcn a=<span title="A button" class="button gcn a" style="vertical-align: center;">A</span>
|gcn b=<span title="B button" class="button gcn b" style="vertical-align: center;">B</span>
|gcn l=<span title="L button" class="button gcn l" style="vertical-align: center;">L</span>
|gcn r=<span title="R button" class="button gcn r" style="vertical-align: center;">R</span>
|cc a=<span title="a button" class="button cc a" style="vertical-align: center;">a</span>
|cc b=<span title="b button" class="button cc b" style="vertical-align: center;">b</span>
|cc l=<span title="L button" class="button cc l" style="vertical-align: center;">L</span>
|cc r=<span title="R button" class="button cc r" style="vertical-align: center;">R</span>
|cc +|cc plus|cc start=<span title="Plus button" class="button cc plus" style="vertical-align: center;">+</span>
|wii u a=<span title="A button" class="button wii-u a" style="vertical-align: center;">A</span>
|wii u b=<span title="B button" class="button wii-u b" style="vertical-align: center;">B</span>
|wii u l=<span title="L button" class="button wii-u l" style="vertical-align: center;">L</span>
|wii u r=<span title="R button" class="button wii-u r" style="vertical-align: center;">R</span>
|wii u +|wii u plus|wii u start=<span title="Plus button" class="button wii-u plus" style="vertical-align: center;">+</span>
}}</span><noinclude>
 
==Documentation==
Converts text to styled button graphics. For example, use <code><nowiki>{{button|A}}</nowiki></code> to insert {{button|A}}, or <code><nowiki>{{button|C^v}}</nowiki></code> for {{button|C^v}}, or <code><nowiki>{{button|Wii U L}}</nowiki></code> for {{button|Wii U L}}.
</noinclude>

Latest revision as of 06:00, 25 May 2026

?

Documentation

Converts text to styled button graphics. For example, use {{button|A}} to insert A, or {{button|C^v}} for C▲▼, or {{button|Wii U L}} for L.

Retrieved from "https://ukikipedia.net/mediawiki/index.php?title=Template:Button&oldid=20386"