Character Vault
Any Concept / Any System
Compendium
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Personal tools

Difference between revisions of "Template:Button"

From Roll20 Wiki

Jump to: navigation, search
m
m
Line 1: Line 1:
 
<code style="font-family:mono;{{#switch: {{{2|}}}
 
<code style="font-family:mono;{{#switch: {{{2|}}}
 
  | blue = color:#ffffff;background-color: #0064cd;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color:black !important;background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);background-repeat: repeat-x;
 
  | blue = color:#ffffff;background-color: #0064cd;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color:black !important;background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);background-repeat: repeat-x;
 +
| red = color:#ffffff;background-color: #bd362f;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color:black !important;background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);background-repeat: repeat-x;
 
  | white = color:#333333;background-color: #f5f5f5;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color:black !important;
 
  | white = color:#333333;background-color: #f5f5f5;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color:black !important;
  | #default = background:#e6e2e2;color:black;
+
  | #default = background:#e6e2e2;color:black;font-weight:bold;
}}border:1px solid;border-radius:5px;font-weight:bold;font-size:14px;box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);">{{{1}}}</code><noinclude>
+
}}border:1px solid;border-radius:5px;font-size:14px;box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.5);">{{{1}}}</code><noinclude>
 
{{ex}}
 
{{ex}}
 
Press {{button|F12}}. Do {{button|Shift}}+{{button|Alt}}+{{button|K}}
 
Press {{button|F12}}. Do {{button|Shift}}+{{button|Alt}}+{{button|K}}
 
<pre>Press {{button|F12}}. Do {{button|Shift}}+{{button|Alt}}+{{button|K}}</pre>
 
<pre>Press {{button|F12}}. Do {{button|Shift}}+{{button|Alt}}+{{button|K}}</pre>
You can use {{code|blue}} parameters to change the look of the "button", to mimic how roll20 menu buttons look
+
You can use {{code|blue}}, {{code|red}}, {{code|white}} parameters to change the button to more closely resemble buttons from the Roll20 UI
 
{{ex}}
 
{{ex}}
Press the {{button|{{gear}}|blue}} to open Turn tracker settings.Press the {{button|Apply Changes|white}} to continue.
+
Press the {{button|{{gear}}|blue}} to open Turn tracker settings.Press the {{button|Apply Changes|white}} to continue. {{button|Delete|red}} is permanent, and can only be recovered with a rollback.
<pre>Press the {{button|{{gear}}|blue}} to open Turn tracker settings.Press the {{button|Apply Changes|white}} to continue.</pre>
+
<pre>Press the {{button|{{gear}}|blue}} to open Turn tracker settings.Press the {{button|Apply Changes|white}} to continue.  {{button|Delete|red}} is permanent, and can only be recovered with a rollback.</pre>
 
[[Category:Templates]]
 
[[Category:Templates]]
 
[[Category:Template Documentation]]
 
[[Category:Template Documentation]]
 
</noinclude>
 
</noinclude>

Revision as of 09:03, 11 February 2022

{{{1}}}
Example:

Press F12. Do Shift+Alt+K

Press {{button|F12}}. Do {{button|Shift}}+{{button|Alt}}+{{button|K}}

You can use blue, red, white parameters to change the button to more closely resemble buttons from the Roll20 UI
Example:

Press the y to open Turn tracker settings.Press the Apply Changes to continue. Delete is permanent, and can only be recovered with a rollback.

Press the {{button|{{gear}}|blue}} to open Turn tracker settings.Press the {{button|Apply Changes|white}} to continue.  {{button|Delete|red}} is permanent, and can only be recovered with a rollback.