Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

[Tips] favorite Tools and code

i thought i would start a thread for all those coders out there.. feel free to paste ur favorite code and any code that may be used by others.. this should help all those looking to do there own coding, a one stop shop for coding and tools..
Code for different coloms.. i didnt create it and thanks to who showed it to me.. <div class="sheet-2colrow"> <!-- First Div --> <div class="sheet-col"> <!-- stuff for the first column --> </div> <!-- Second Div --> <div class="sheet-col"> <!-- stuff for the second column --> </div> </div>
Buttons <button type="roll" name="attr_checkname" title='checkname' value=" *****some roll in here***** " ></button>
input data and have that data put into an area <select class ="sheet-select" name="attr_species" style="width:250px;"> <option value="1">Human</option> <option value="2">Android</option> <option value="3">Wampa</option> </select> <!-- More HTML stuff --> <input class="sheet-species1" type="checkbox" name="attr_species" value="1" style="display: none;"> <input class="sheet-species2" type="checkbox" name="attr_species" value="2" style="display: none;"> <input class="sheet-species3" type="checkbox" name="attr_species" value="3" style="display: none;"> <textarea class="sheet-spec1" name="attr_specialAbilities1">ability1, ability2</textarea> <textarea class="sheet-spec2" name="attr_specialAbilities2">ability1, ability2</textarea> <textarea class="sheet-spec3" name="attr_specialAbilities3">ability1, ability2</textarea> CSS ------------------ /*hide the textareas*/ .sheet-spec1, .sheet-spec2, .sheet-spec3{ display: none; } /*show the proper text area based on selection*/ .sheet-species1:checked ~ .sheet-spec1, .sheet-species2:checked ~ .sheet-spec2, .sheet-species3:checked ~ .sheet-spec3{ display: inline-block; }
tabs <div> <!-- Set up the Tabs --> <input type="radio" class="sheet-tab sheet-tab1" name="attr_core-tab" value="1" title="Basic Info" checked="checked"/>  <span class="sheet-tab sheet-tab1" style='line-height: 40px;'>BASIC INFO</span> <input type="radio" class="sheet-tab sheet-tab2" name="attr_core-tab" value="2" title="Edges & Hindrances" />  <span class="sheet-tab sheet-tab2" style='line-height: 20px;'>EDGES & HINDRANCES</span> <input type="radio" class="sheet-tab sheet-tab3" name="attr_core-tab" value="3" title="Skills" />  <span class="sheet-tab sheet-tab3" style='line-height: 40px;'>SKILLS</span> <input type="radio" class="sheet-tab sheet-tab4" name="attr_core-tab" value="4" title="Equipment" />  <span class="sheet-tab sheet-tab4" style='line-height: 40px;'>EQUIPMENT</span> <input type="checkbox" class="sheet-hideArcanum" name="attr_ArcanumTab" style="width: 15px; display: none;"> <input type="radio" class="sheet-tab sheet-tab5" name="attr_core-tab" value="5" title="Arcanum" />  <span class="sheet-tab sheet-tab5" style='line-height: 40px;'>ARCANUM</span> <input type="radio" class="sheet-tab sheet-tab6" name="attr_core-tab" value="6" title="Journal" />  <span class="sheet-tab sheet-tab6" style='line-height: 40px;'>JOURNAL</span> <input type="radio" class="sheet-tab sheet-tab99" name="attr_core-tab" value="99" title="All" /> <span class="sheet-tab sheet-tab99" style='line-height: 40px;'>ALL</span> <!-- End Tab setup --> <div class="sheet-section-core"><!-- Core Tab --> <!-- Stuff on the tab --> </div> <div class="sheet-section-edges"><!-- Edges Tab --> <!-- Stuff on the tab --> </div> <div class="sheet-section-skills"><!-- Skills Tab --> <!-- Stuff on the tab --> </div> <div class="sheet-section-gear"><!-- gear Tab --> <!-- Stuff on the tab --> </div> <div class="sheet-section-arcanum"><!-- arcanum Tab --> <!-- Stuff on the tab --> </div> <div class="sheet-section-journal"><!-- Journal Tab --> <!-- Stuff on the tab --> </div> </div> ----------------css--------------------- /*----------- Tabs Setup -------------*/ /*this hides the contents of each tab by default*/ .charsheet div[class^="sheet-section"] { display: none; } /*this shows the tab content when the appropriate input field is selected*/ .charsheet input.sheet-tab1:checked ~ div.sheet-section-core, .charsheet input.sheet-tab2:checked ~ div.sheet-section-edges, .charsheet input.sheet-tab3:checked ~ div.sheet-section-skills, .charsheet input.sheet-tab4:checked ~ div.sheet-section-gear, .charsheet input.sheet-tab5:checked ~ div.sheet-section-arcanum, .charsheet input.sheet-tab6:checked ~ div.sheet-section-journal { display: block; } .charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] { display: block; } /*this hides the radio button for each tab, makes it 100px wide and 40px tall and makes sure it's above everything else*/ .charsheet input.sheet-tab {     width: 100px;     height: 40px;     cursor: pointer; position: relative; opacity: 0; z-index: 9999; } /*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/ .charsheet span.sheet-tab { text-align: center;     display: inline-block; font-size: 13px; background: #c7c3b0; color: black; font-weight: bold; border-radius: 4px; width: 100px;     height: 40px;     cursor: pointer; position: relative; vertical-align: middle; margin-left: -101px;/*originally 91px*/ } /*this modifies the span color once the radio button is selected so you know which tab is selected*/ .charsheet input.sheet-tab1:checked + span.sheet-tab1, .charsheet input.sheet-tab2:checked + span.sheet-tab2, .charsheet input.sheet-tab3:checked + span.sheet-tab3, .charsheet input.sheet-tab4:checked + span.sheet-tab4, .charsheet input.sheet-tab5:checked + span.sheet-tab5, .charsheet input.sheet-tab6:checked + span.sheet-tab6, .charsheet input.sheet-tab7:checked + span.sheet-tab7, .charsheet input.sheet-tab8:checked + span.sheet-tab8, .charsheet input.sheet-tab99:checked + span.sheet-tab99 {          background: #2c424e;     color: #bfc4c6; border-radius: 4px; } /*----------- End Tab Setup -----------*/
1442867504
jflo
Pro
API Scripter
Anyone got any development environment tips? I'm a shadowrun GM, so i'm very interested in macros and such, but the Character Sheet template isn't really very good for evaluating macros. Is there something like an IDE that folks use?