Template:Button: Difference between revisions

From Ukikipedia
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 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}}}}}
<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 class="button" style="vertical-align: center;">{{{1|?}}}</span>
|#default=<span class="button" style="vertical-align: center;">{{{1|?}}}</span>
|control stick|stick=<span title="Control Stick" class="stick n64" style="vertical-align: center;"><span class="gate" style="vertical-align: center;">Control Stick</span><span class="grip" style="background: 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>
|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>
|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>
|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>
|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>
|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>
|a=<span title="A button" class="button n64 a" style="vertical-align: center;">A</span>
|a=<span title="A button" class="button n64 a" style="vertical-align: center;">A</span>
|b=<span title="B button" class="button n64 b" style="vertical-align: center;">B</span>
|b=<span title="B button" class="button n64 b" style="vertical-align: center;">B</span>

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.