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

From Roll20 Wiki

Jump to: navigation, search
m (add comments to some examples)
m (can others edit)
(44 intermediate revisions by one user not shown)
Line 1: Line 1:
 
=Wiki=
 
=Wiki=
This is a test area for using the wiki, and at the top has useful code snippets that are often used. [[Help:Contents|Wiki Help]] contains more info.
+
edit test, can others edit?
 +
===This is a test sandbox for editing the wiki, and trying out wiki code and syntax===
 +
At the top has useful code snippets that are often used. [[Help:Contents|Wiki Help]] contains documentation on how to edit the wiki.
 +
 
 +
<kbd style="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);">Shift</kbd> -key
 +
 
 +
{{test|s[[ and other stuff}} {{test|s[d}} {{test|} }}
 +
 
 +
{{#tag:nowiki|{{{1}}} use in #tag:nowiki }} {{#tag:pre|pre tag}}
 +
 
 +
{{test|<pre>cool stuff</pre>}} vs {{c|<pre>cool stuff</pre>}}
 +
 
 +
 
 +
[https://en.wikipedia.org/wiki/Help:Pipe_trick pipe] trick: [[Phoenix, Arizona|Phoenix]]
 +
 
 +
{{k-scaffold}}
  
 
==Useful Stuff==
 
==Useful Stuff==
 
frequently used wiki code snippets that can easily be copypasted
 
frequently used wiki code snippets that can easily be copypasted
 
+
<pre style="overflow:scroll;">&#60;noinclude&#62; {{revdate}} {{main|}} &#60;/noinclude&#62; &#60;noinclude&#62; __TOC__ &#60;/noinclude&#62; &#60;noinclude&#62; [[Category:]] &#60;/noinclude&#62;        transclusion: exclude parts of page from transclusion.
<pre style="overflow:scroll;">
+
{{code|&#60;nowiki&#62; &#60;/nowiki&#62;}}                                                 use this to wrap around tricky code or macros you post on the wiki
<code>&#60;nowiki&#62; &#60;/nowiki&#62;</code>                                                 use this to wrap around tricky code or macros you post on the wiki
+
 
<code></code>
 
<code></code>
&#60;pre style="overflow:auto;" data-language="html/css/javascript"&#62; &#60;/pre&#62;             good template to use for posting blocks of code on the wiki. change the "data-language" to only have the relevant code
+
{{revdate}}{{HCbox| {{hc|articles/360037772873-API-Debugging Here}} }}
 +
                                                        good template to use for posting blocks of code on the wiki. change the "data-language" to only have the relevant code
 +
&#60;pre data-language="html"&#62; &#60;/pre&#62;
 +
&#60;pre data-language="css"&#62; &#60;/pre&#62;
 +
&#60;pre data-language="javascript"&#62; &#60;/pre&#62;
 +
{{#evp:youtube|KdQg6Fhxg-I|It's a Trap" |right|500}}
  
 +
=  &amp;#61;          fix for some urls so they dont break templates
 +
(space)  &amp;nbsp;
  
<code>&#60;code&#62;</code> <code>&#60;nowiki&#62;</code> <code>&#60;pre&#62;</code>                 html replacements to show tricky stuff
+
<code>&#60;code&#62;</code> <code>&#60;nowiki&#62;</code> <code>&#60;pre&#62;</code>                                           html replacements/entities to show tricky stuff
 
&#60;span&#62; &#60;div&#62; &#60;input type="text"&#62;                                         
 
&#60;span&#62; &#60;div&#62; &#60;input type="text"&#62;                                         
  
 
''' '''                        bold text
 
''' '''                        bold text
 
'' ''                          italic text
 
'' ''                          italic text
<sup> </sup>                  superscript, small text slighty higher, useful for adding citations
+
<sup> </sup>                  superscript, small text slightly higher, useful for adding citations
 +
{{tlx|}}                      link to template
  
 
{{notebox| }}                  normal textbox with blue border and "i" symbol. the common "mild" notice to use
 
{{notebox| }}                  normal textbox with blue border and "i" symbol. the common "mild" notice to use
Line 32: Line 54:
 
~~~~                          adds a timestamp and your name, quick way to sign your name on something, showing who and when something was written
 
~~~~                          adds a timestamp and your name, quick way to sign your name on something, showing who and when something was written
  
{{forum|category/18 Character & Compendium Forums}}            forum link without the extra "lock" icon, that links outside the wiki usually gets
 
{{repo|Roll20/roll20-character-sheets}}                      githublink to char sheet repo showing github logo, great for showing links to stuff on github.com
 
[https://roll20.zendesk.com/hc/en-us/requests/new Help Center Ticket]        hyperlink to roll20's ticket system
 
  
{{pro only}}        adds a noticebox to the section/page saying this is a pro/plus feature, linking to the plus/pro pages
+
{{forum|category/18 Character & Compendium Forums}}    forum link without the extra "lock" icon, that links outside the wiki usually gets
{{plus only}}
+
{{Repo Sheet}}                                        githublink to char sheet repo showing github logo, great for showing links to stuff on github.com
 +
{{Repo API}}                   
 +
{{bug}}                                            hyperlink to roll20's ticket system
 +
 
 +
{{pro only|page|section}}        adds a noticebox to the section/page saying this is a pro/plus feature, linking to the plus/pro pages
 +
{{plus only|page|section}}
  
 
{{user profile|157788|GiGs}}                              roll20 contributors who have created many of the tips listed on the wiki. for properly crediting people
 
{{user profile|157788|GiGs}}                              roll20 contributors who have created many of the tips listed on the wiki. for properly crediting people
Line 72: Line 96:
 
|}
 
|}
  
 +
{| role="presentation" class="wikitable mw-collapsible mw-collapsed"
 +
| title
 +
|-
 +
| content
 +
|}
  
 +
</pre>
 +
 +
{{LDL sunset}}
 +
 +
<pre style="background-color:#333; color: #E6DB74;">
 +
API console results style
 +
maybe useful for code readability?
 
</pre>
 
</pre>
  
Line 96: Line 132:
 
==random==
 
==random==
 
__TOC__
 
__TOC__
 +
 +
{{code|does this <span>work</span> }}, even with text after?
 +
 +
[https://www.youtube.com/watch?v=gtiZ0IBc2Tc video]
 +
[https://twitter.com/roll20app/ @roll20app]
 +
[https://www.facebook.com/roll20app roll20app]
 +
[https://www.twitch.tv/roll20app roll20app]
 +
[https://marketplace.roll20.net/browse/bundle/11218/the-wild-beyond-the-witchlight witchlight]
 +
[https://roll20.net/compendium/dnd5e/Candlekeep Mysteries Candelkeep]
 +
[https://help.roll20.net/hc/en-us/articles/360039723533-Marketplace-Creator-HQ#MarketplaceCreatorHQ-BecomingACreator marketplace creator]
 +
[https://en.wikipedia.org/wiki/List_of_Stargate_games#Stargate_Roleplaying_Game_(2021) Stargate RPG]
 +
 +
{{tl|clear}} vs {{tlx|clear}}
 +
{{revdate/sandbox}}
 +
Sub & Sup text underneath each other:  Example<div style="display: inline-block;"><sup style="display:block; position:relative; left:2px; top: 16px"><sup>&nbsp;Help</sup></sup><sub style="display:block; position:relative; left:2px; top: 1px"><sub>Center</sub></sub></div>
 +
 +
{| role="presentation" class="wikitable mw-collapsible mw-collapsed"
 +
| macro that doesn't work
 +
|-
 +
| <pre>?{Attack|Just roll, /r d20+5|Description, /em swings the sword with a result of [[d20+5]]}</pre>
 +
|}
  
 
What is token for?
 
What is token for?
Line 111: Line 168:
 
<pre style="overflow:scroll;">
 
<pre style="overflow:scroll;">
 
The main "Nav" template, which is linked to on pages, Such as {{SidebarNav}}, {{apibox}} or {{NavSheetDoc}}. At the bottom it uses {{apibox bottom}} to close of the Navigation template and make it work, no need to create a new  template each time, so {{apibox bottom}} is fine:
 
The main "Nav" template, which is linked to on pages, Such as {{SidebarNav}}, {{apibox}} or {{NavSheetDoc}}. At the bottom it uses {{apibox bottom}} to close of the Navigation template and make it work, no need to create a new  template each time, so {{apibox bottom}} is fine:
 +
 +
 +
-----
 +
toolbar nav templates
 +
* {{zoom}}
 +
* {{select}}
 +
* {{ruler}}
 +
* {{layers}}
 +
* {{drawing}}
 +
* {{fx tool}}
 +
* {{fow}}
 +
* {{Darkness}}
 +
 
------
 
------
 
{{SidebarNav top|{{{1|right}}}}}
 
{{SidebarNav top|{{{1|right}}}}}
Line 131: Line 201:
  
 
</pre>
 
</pre>
 +
 +
toolbar nav templates
 +
* {{zoom}}
 +
* {{select}}
 +
* {{ruler}}
 +
* {{layers}}
 +
* {{drawing}}
 +
* {{fx tool}}
 +
* {{fow}}
 +
* {{Darkness}}
  
 
==template to-do==
 
==template to-do==
Line 153: Line 233:
 
{{warning|this is a warning}}
 
{{warning|this is a warning}}
  
is {{Font color|yellow|this}} yellow  
+
is <nowiki>{{Font color|yellow|this}}</nowiki> yellow  
 
<pre>
 
<pre>
is {{Font color|yellow|this}} yellow  
+
is <nowiki>{{Font color|yellow|this}}</nowiki> yellow  
 
</pre>
 
</pre>
  
Line 162: Line 242:
 
<cite>To be or not <mark>tobey</mark> mcguire- someone</cite>  
 
<cite>To be or not <mark>tobey</mark> mcguire- someone</cite>  
  
mailto:team@roll20.net
 
  
 
[[wikipedia:Roll20]]
 
[[wikipedia:Roll20]]
Line 182: Line 261:
 
=s=
 
=s=
 
stuff
 
stuff
=d=
+
=sidebar=
data
+
 
 +
personal sidebar seems nice, as seen on many [[Online_Role_Playing:Index]] pages.
 +
 
 +
{{Sidebar
 +
| navbar = off
 +
| headingstyle = background-color:#eee;
 +
| image = [[File:|260px]]
 +
}}
 +
{{Sidebar
 +
| navbar = off
 +
| headingstyle = background-color:#eee;
 +
| title = the name
 +
| image = [[File:Us.png|40px]]
 +
| heading1 = aka nickanme
 +
}}
 +
{{Sidebar
 +
| navbar = off
 +
| headingstyle = background-color:#eee;
 +
| image = [[File:Twitch.png|40px|link=https://www.twitch.tv/Roll20app]][[File:Youtube.png|40px|link=https://www.youtube.com/roll20app]]
 +
}}
 +
 
 +
<pre {{pre}}>
 +
{{Sidebar
 +
| navbar = off
 +
| headingstyle = background-color:#eee;
 +
| image = [[File:|260px]]
 +
}}
 +
{{Sidebar
 +
| navbar = off
 +
| headingstyle = background-color:#eee;
 +
| title = the name
 +
| image = [[File:Us.png|40px]]
 +
| heading1 = aka nickanme
 +
}}
 +
{{Sidebar
 +
| navbar = off
 +
| headingstyle = background-color:#eee;
 +
| image = [[File:Twitch.png|40px|link=https://www.twitch.tv/Roll20app]][[File:Youtube.png|40px|link=https://www.youtube.com/roll20app]]
 +
}}
 +
</pre>

Revision as of 09:09, 28 April 2024

Wiki

edit test, can others edit?

This is a test sandbox for editing the wiki, and trying out wiki code and syntax

At the top has useful code snippets that are often used. Wiki Help contains documentation on how to edit the wiki.

Shift -key

{{test|s[[ and other stuff}} s[d }

{{{1}}} use in #tag:nowiki
pre tag
cool stuff
vs
cool stuff


pipe trick: Phoenix

K-Scaffold

Useful Stuff

frequently used wiki code snippets that can easily be copypasted

<noinclude> {{revdate}} {{main|}} </noinclude> <noinclude> __TOC__ </noinclude> <noinclude> [[Category:]] </noinclude>         transclusion: exclude parts of page from transclusion.
{{code|<nowiki> </nowiki>}}                                                  use this to wrap around tricky code or macros you post on the wiki
<code></code>
{{revdate}}{{HCbox| {{hc|articles/360037772873-API-Debugging Here}} }}
                                                        good template to use for posting blocks of code on the wiki. change the "data-language" to only have the relevant code
<pre data-language="html"> </pre>
<pre data-language="css"> </pre>
<pre data-language="javascript"> </pre>
{{#evp:youtube|KdQg6Fhxg-I|It's a Trap" |right|500}}

=  &#61;           fix for some urls so they dont break templates
(space)  &nbsp;

<code><code></code> <code><nowiki></code> <code><pre></code>                                           html replacements/entities to show tricky stuff
<span> <div> <input type="text">                                         

''' '''                        bold text
'' ''                          italic text
<sup> </sup>                   superscript, small text slightly higher, useful for adding citations
{{tlx|}}                       link to template

{{notebox| }}                  normal textbox with blue border and "i" symbol. the common "mild" notice to use
{{orange| }}                   warning textbox with orange border and "i" symbol, slighty more severe than normal
{{warning| }}                  warning textbox with red border, and "i" symbol in a triangle, to be used sparring for dire warnings 

''Main Page:'' '''[[ ]]'''

[[|right|thumbnail|400px|]]      good default for images, place the "File:imagename.png" before the first "|"

{{user profile|1223200|Andreas J.}}
{{usercredit|1223200}}
{{user profile||}}              links to user roll20 profile. place their roll20id in the first section, and then write their name in the second section.

~~~~                           adds a timestamp and your name, quick way to sign your name on something, showing who and when something was written


{{forum|category/18 Character & Compendium Forums}}    forum link without the extra "lock" icon, that links outside the wiki usually gets
{{Repo Sheet}}                                        githublink to char sheet repo showing github logo, great for showing links to stuff on github.com
{{Repo API}}                    
{{bug}}                                            hyperlink to roll20's ticket system

{{pro only|page|section}}         adds a noticebox to the section/page saying this is a pro/plus feature, linking to the plus/pro pages
{{plus only|page|section}}

{{user profile|157788|GiGs}}                              roll20 contributors who have created many of the tips listed on the wiki. for properly crediting people
{{user profile|492849|Coal Powered Puppet}}
{{user profile|162065|Keith Curtis}}
{{user profile|1869955|Kraynic}}
{{user profile|104025|The Aaron}}
{{user profile|459831|Scott C.}}

==Related Pages==
* [[Complete Guide to Macros & Rolls]]
* [[Building Character Sheets]]
* [[Andreas Guide to Sheet Development]]
<br>
<br>
[[Category:Character Sheet Documentation]]


<div class='diceroller'>                                       you can embed a simplified version of the roll20 diceroller on a page, such as /r 3d6+2
</div>

how to create a table grid
{| class="wikitable" style="float:right; margin-left: 10px;margin-right: 60px;"                
|+title
|-
|'''first'''
| second row
|-
|''' '''
|
|-
|''' '''
|
|}

{| role="presentation" class="wikitable mw-collapsible mw-collapsed"
| title
|-
| content
|}

API console results style
maybe useful for code readability?

strike out deleted material

Andreas J. Courtesy of Andreas J.

{{user profile|1223200|Andreas J.}}
{{usercredit|1223200}}

char forums(Forum) link no extra icon

{{forum|category/18 char forums}} link no extra icon

easy · creatin · dot

easy{{dot}} creatin{{dot}}dot

random

Contents


does this work , even with text after?

video @roll20app roll20app roll20app witchlight Mysteries Candelkeep marketplace creator Stargate RPG

{{clear}} vs {{clear}}

Sub & Sup text underneath each other: Example
 HelpCenter
macro that doesn't work
?{Attack|Just roll, /r d20+5|Description, /em swings the sword with a result of [[d20+5]]}

What is token for?

{{token|/r d20+4}}
{{token| [[Journal]]}}
{{compact toc}}

/r d20+4


Journal


wiki navbar template

template and stuff on hwo to create Navigation templates for the wiki, that can make it easier to navigate related wiki pages from the top of the page. Example:
The main "Nav" template, which is linked to on pages, Such as {{SidebarNav}}, {{apibox}} or {{NavSheetDoc}}. At the bottom it uses {{apibox bottom}} to close of the Navigation template and make it work, no need to create a new  template each time, so {{apibox bottom}} is fine:


-----
toolbar nav templates
* {{zoom}}
* {{select}}
* {{ruler}}
* {{layers}}
* {{drawing}}
* {{fx tool}}
* {{fow}}
* {{Darkness}}

------
{{SidebarNav top|{{{1|right}}}}}
* <span style="font-family:Pictos;">q</span> [[Text Chat]]
* <span style="font-family:Pictos;">P</span> [[Art Library]]
* <span style="font-family:Pictos;">N</span> [[Journal]]
* <span style="font-family:Pictos;">y</span> [[Compendium]]
* <span style="font-family:Pictos Custom;">u</span> [[Jukebox]]
* <span style="font-family:Pictos;">l</span> [[Collections]]
* <span style="font-family:Pictos;">y</span> [[My Settings]]
{{apibox bottom}}<noinclude>{{documentation}}[[Category:Navigation Templates]]</noinclude>
------

The "Nav top" template, that determines the title of the Template:
---
<includeonly><div style="float: {{{1|right}}}; width: 200px; padding: 5px; border: 1px solid #777; margin: 0 15px 15px 15px; background-color: #efefef;">

<span style="font-size: 1.4em; font-weight: bold;margin-bottom:0px;">[[Sidebar]]</span></includeonly><noinclude>{{documentation}}[[Category:Navigation Templates]]</noinclude>
------

toolbar nav templates

template to-do

  • pdf link template, shows pdf icon to url
  • DriveThruRPG link template, shows DTrpg icon to url?
  • Helpdesk, Roll20 Blog link templates
  • code+nowiki template for macros, one without linebreak at the end.

Test

char forums(Forum)hopefully no linebreak

char forums(Forum)hopefully no linebreak

image links to a page
 {{api repository link|Foo}} then text

Foo then text


is {{Font color|yellow|this}} yellow

is {{Font color|yellow|this}} yellow 

code alternative BCS

To be or not <mark>tobey</mark> mcguire- someone


wikipedia:Roll20

/r d20+5


/r d20+4


Journal

stuff

A

add

f

fine

s

stuff

sidebar

personal sidebar seems nice, as seen on many Online_Role_Playing:Index pages.

{{Sidebar
 | navbar = off
 | headingstyle = background-color:#eee;
 | image = [[File:|260px]]
}}
{{Sidebar
 | navbar = off
 | headingstyle = background-color:#eee;
 | title = the name
 | image = [[File:Us.png|40px]]
 | heading1 = aka nickanme
}}
{{Sidebar
 | navbar = off
 | headingstyle = background-color:#eee;
 | image = [[File:Twitch.png|40px|link=https://www.twitch.tv/Roll20app]][[File:Youtube.png|40px|link=https://www.youtube.com/roll20app]]
}}