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 (add light-blue option)
Line 1: Line 1:
 
<code style="{{#switch: {{{2|}}}
 
<code style="{{#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;padding-top: 3px;font-family:Nimbus Sans;
+
  | 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;padding-top: 3px;font-family:Nimbus Sans;
  | 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, #ee5f5b, #bd362f);background-repeat: repeat-x;padding-top: 3px;font-family:Nimbus Sans;
+
| bluelight = color:#ffffff;background-color: ##35c8f5;border-color:transparent !important;padding: 5px 8px 5px 5px;font-family:Nimbus Sans;
  | white   = color:#333333;background-color: #f5f5f5;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color:black !important;background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-repeat: repeat-x;padding-top: 3px;font-family:Nimbus Sans;
+
  | 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, #ee5f5b, #bd362f);background-repeat: repeat-x;padding-top: 3px;font-family:Nimbus Sans;
  | #default = background:#e6e2e2;color:black;font-weight:bold;font-family:mono;
+
  | white     = color:#333333;background-color: #f5f5f5;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);border-color:black !important;background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);background-repeat: repeat-x;padding-top: 3px;font-family:Nimbus Sans;
 +
  | #default = background:#e6e2e2;color:black;font-weight:bold;font-family:mono;
 
}}border:1px solid;border-radius:5px;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}}

Revision as of 08:33, 18 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 as parameters to change the button to resemble buttons from the Roll20 UI, to give inline examples of what button to press.
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 cUpload to upload more content to your P Art Library, or oAdd to add new folder to the N Journal
  • Icons from spans are a bit harder, like @Map layer
  • grab the to move a character to a different spot
  • to edit token settings
  • Arrow keys Alt+(, , or )
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.
Press {{button|{{upload}}Upload|white}} to upload more content to your {{Art Library}}, or {{button|{{folder}}Add|white}} to add new folder to the {{Journal}}
Icons from spans are a bit harder, like {{button|1 = <span style="font-family:Pictos;">@</span>Map layer |2 = white}}
grab the {{button|{{3lines}}|white}} to move a character to a different spot
{{button|⋮|white}} to edit token settings
Arrow keys {{button|Alt}}+({{button|←}}, {{button|→}}, {{button|↑}} or {{button|↓}})