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="{{#switch: {{{2|}}}
+
<kbd 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;
 
  | bluelight = color:#ffffff;background-color: #35c8f5;border-color:transparent !important;padding: 5px 8px 5px 5px;font-family:Nimbus Sans;
 
  | bluelight = color:#ffffff;background-color: #35c8f5;border-color:transparent !important;padding: 5px 8px 5px 5px;font-family:Nimbus Sans;
Line 6: Line 6:
 
  | 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;
 
  | 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;
 
  | #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}}}</kbd><noinclude>
 
{{ex}}
 
{{ex}}
 
Press {{button|F12}}. Do {{button|Shift}}+{{button|Alt}}+{{button|K}}
 
Press {{button|F12}}. Do {{button|Shift}}+{{button|Alt}}+{{button|K}}

Latest revision as of 16:15, 29 October 2023

{{{1}}}
Example:

Press F12. Do Shift+Alt+K

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

You can define the looks of the button to resemble buttons from the Roll20 UI, to give inline examples of what button to press. By default, a {{button}} resembles a keyboard key.

Options:

  • blue, red, white are more compact
  • bluelight, pink, slightly larger


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 )
  • Apply Settings, Create New Wishlist
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|↓}})
* {{button|Apply Settings|bluelight}}, {{button|Create New Wishlist|pink}}