Files
roll20-character-sheets/Dragon Ball/dragonball.html
T
2024-06-03 13:15:14 -04:00

707 lines
47 KiB
HTML

<!-- DRAGON BALL -->
<!-- Character sheet for Roll20 by VJ Rolmasters -->
<div class="sheet-contenedorvj">
<div id="sheet-contenedorfondo">
<div class="clearfloat"></div>
<div class="sheet-cap">
<div class="sheet-radar">
<div class="sheet-lletra">
<a class="button" href="#popupradar"> <img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/RADAR_BOLAS.png" alt=""/> </a>
RADAR DRAGÓN</div><!-- end .sheet-lletra -->
</div><!-- end .sheet-radar -->
<div class="sheet-nom">
<div class="sheet-lletra">
NOMBRE DEL JUGADOR
</div><!-- end .sheet-lletra -->
<input type="text" style=" width: 180px; margin-left: 20px; padding: 0px; text-align: center; border: none; line-height: 10px; background-color: transparent; color: #2d2801; " name="attr_nombre_jugador" title="Nombre del jugador">
</div><!-- end .sheet-nom -->
<div class="sheet-nom">
<div class="sheet-lletra">
NOMBRE DEL GUERRERO
</div><!-- end .sheet-lletra -->
<input type="text" style=" width: 180px; margin-left: 18px; padding: 0px; text-align: center; border: none; line-height: 10px; background-color: transparent; color: #2d2801; " name="attr_character_name" title="Nombre del personaje">
</div><!-- end .sheet-nom -->
<div class="sheet-scouter">
<div class="sheet-LVLXP">
NIVEL: <input type="number" style=" width: 50px; margin: -5px 0px 0px 0px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 2px; text-align: left; color: #f7c00f; " name="attr_nivel" max="30" min="0" value="0">
</div><!-- end .sheet-LVLXP -->
<div class="sheet-LVLXP">
XP: <input type="number" style=" width: 70px; margin: -5px 0px 0px 0px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 2px; text-align: left; color: #f7c00f; " name="attr_xp" max="30000" min="0" value="0">
</div><!-- end .sheet-LVLXP -->
<div class="sheet-BP">
<input type="number" style=" width: 70px; margin: 12px 0px 0px 8px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 2px; text-align: left; color: #f7c00f; " name="attr_bp" max="1000" min="0" value="[[ @{fuerza} + @{resistencia} + @{velocidad} + @{ki} + @{vitalidad} ]]" disabled="true" >
</div><!-- end .sheet-BP -->
</div><!-- end .sheet-scouter -->
</div><!-- end .sheet-cap -->
<div class="sheet-atributs">
<div class="sheet-atributsbox">
<div class="sheet-atributsnum">
<input type="number" style=" width: 70px; margin: 0px 0px 0px 12px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #f7c00f; " name="attr_fuerza" max="200" min="0" value="0">
</div><!-- end .sheet-atributsnum -->
<div class="sheet-atributsnom">
FUERZA
</div><!-- end .sheet-atributsnom -->
<div class="sheet-atributsbono">
Bono:<input type="text" style=" width: 35px; margin: 0px 0px 0px 5px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #f7c00f; " name="attr_bonofuerza" value="0" readonly >
</div><!-- end .sheet-atributsbono -->
<div class="sheet-atributsdau">
<button class="btna" style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_fuerza" value="&{template:dragonball} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{FUERZA=[[ d20 ]]}}" ></button>
</div><!-- end .sheet-atributsdau -->
</div><!-- end .sheet-atributsbox -->
<div class="sheet-atributsbox">
<div class="sheet-atributsnum">
<input type="number" style=" width: 70px; margin: 0px 0px 0px 12px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #f7c00f; " name="attr_resistencia" max="200" min="0" value="0">
</div><!-- end .sheet-atributsnum -->
<div class="sheet-atributsnom">
RESISTENCIA
</div><!-- end .sheet-atributsnom -->
<div class="sheet-atributsbono">
Bono:<input type="text" style=" width: 35px; margin: 0px 0px 0px 5px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #f7c00f; " name="attr_bonoresistencia" value="0" readonly >
</div><!-- end .sheet-atributsbono -->
<div class="sheet-atributsdau">
<button class="btna" style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_resistencia" value="&{template:dragonball} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{RESISTENCIA=[[ d20 ]]}}" ></button>
</div><!-- end .sheet-atributsdau -->
</div><!-- end .sheet-atributsbox -->
<div class="sheet-atributsbox">
<div class="sheet-atributsnum">
<input type="number" style=" width: 70px; margin: 0px 0px 0px 12px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #f7c00f; " name="attr_velocidad" max="200" min="0" value="0">
</div><!-- end .sheet-atributsnum -->
<div class="sheet-atributsnom">
VELOCIDAD
</div><!-- end .sheet-atributsnom -->
<div class="sheet-atributsbono">
Bono:<input type="text" style=" width: 35px; margin: 0px 0px 0px 5px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #f7c00f; " name="attr_bonovelocidad" value="0" readonly >
</div><!-- end .sheet-atributsbono -->
<div class="sheet-atributsdau">
<button class="btna" style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_velocidad" value="&{template:dragonball} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{VELOCIDAD=[[ d20 ]]}}" ></button>
</div><!-- end .sheet-atributsdau -->
</div><!-- end .sheet-atributsbox -->
<div class="sheet-atributsbox">
<div class="sheet-atributsnum">
<input type="number" style=" width: 70px; margin: 0px 0px 0px 12px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #f7c00f; " name="attr_ki" max="200" min="0" value="0">
</div><!-- end .sheet-atributsnum -->
<div class="sheet-atributsnom">
KI
</div><!-- end .sheet-atributsnom -->
<div class="sheet-atributsbono">
Bono:<input type="text" style=" width: 35px; margin: 0px 0px 0px 5px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #f7c00f; " name="attr_bonoki" value="0" readonly >
</div><!-- end .sheet-atributsbono -->
<div class="sheet-atributsdau">
<button class="btna" style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_ki" value="&{template:dragonball} {{title=TIRADA DE ATAQUE }} {{subtitle= @{character_name} }} {{color=}} {{TÉCNICA KI=[[@{bonoki} + d20 ]]}}" ></button>
</div><!-- end .sheet-atributsdau -->
</div><!-- end .sheet-atributsbox -->
<div class="sheet-atributsbox">
<div class="sheet-atributsnum">
<input type="number" style=" width: 70px; margin: 0px 0px 0px 12px; border: none; line-height: 20px; font-size: 34px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #f7c00f; " name="attr_vitalidad" max="200" min="0" value="0">
</div><!-- end .sheet-atributsnum -->
<div class="sheet-atributsnom">
VITALIDAD
</div><!-- end .sheet-atributsnom -->
<div class="sheet-atributsbono">
Bono:<input type="text" style=" width: 35px; margin: 0px 0px 0px 5px; border: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #f7c00f; " name="attr_bonovitalidad" value="0" readonly >
</div><!-- end .sheet-atributsbono -->
<div class="sheet-atributsdau">
<button class="btna" style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_vitalidad" value="&{template:dragonball} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{VITALIDAD=[[ d20 ]]}}" ></button>
</div><!-- end .sheet-atributsdau -->
</div><!-- end .sheet-atributsbox -->
</div><!-- end .sheet-atributs -->
<div class="sheet-atributssecundaris">
<div class="sheet-secundarisbox">
<div class="sheet-lletra2">
Puntos de vida
</div><!-- end .sheet-lletra2 -->
<input type="number" style=" width: 55px; margin: 5px 0px 0px 23px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #2d2801; " name="attr_puntosdevida" min="0" max="500" value="0" >
<input type="number" style=" width: 55px; margin: 5px 0px 0px 0px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #2d2801; " name="attr_vidaactual" min="0" max="500" value="0" >
</div><!-- end .sheet-secundarisbox -->
<div class="sheet-secundarisbox">
<div class="sheet-lletra2">
Movimiento
</div><!-- end .sheet-lletra2 -->
<input type="number" style=" width: 115px; margin: 5px 0px 0px 20px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #2d2801; " name="attr_movimiento" min="0" max="20" value="0" >
</div><!-- end .sheet-secundarisbox -->
<div class="sheet-secundarisbox">
<div class="sheet-lletra2">
Defensa
</div><!-- end .sheet-lletra2 -->
<input type="number" style=" width: 115px; margin: 5px 0px 0px 18px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #2d2801; " name="attr_defensa" min="0" max="35" value="[[10 + @{bonoresistencia} + @{armadura}]]" disabled="true" >
</div><!-- end .sheet-secundarisbox -->
<div class="sheet-secundarisbox">
<div class="sheet-lletra2">
Ataque
</div><!-- end .sheet-lletra2 -->
<input type="number" style=" width: 115px; margin: 5px 0px 0px 16px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #2d2801; " name="attr_ataque" min="0" max="20" value="0" >
</div><!-- end .sheet-secundarisbox -->
<div class="sheet-secundarisbox">
<div class="sheet-lletra2">
Instinto
</div><!-- end .sheet-lletra2 -->
<input type="number" style=" width: 115px; margin: 5px 0px 0px 14px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #2d2801; " name="attr_instinto" min="0" max="20" value="0" >
</div><!-- end .sheet-secundarisbox -->
<div class="sheet-secundarisbox">
<div class="sheet-lletra2">
Puntos de Ki
</div><!-- end .sheet-lletra2 -->
<input type="number" style=" width: 55px; margin: 5px 0px 0px 14px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #2d2801; " name="attr_puntoski" min="0" max="200" value="0" readonly ><input type="number" style=" width: 55px; margin: 5px 0px 0px 0px; border: none; line-height: 20px; font-size: 20px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #2d2801; " name="attr_puntoskiactual" min="0" max="200" value="0" >
</div><!-- end .sheet-secundarisbox -->
</div><!-- end .sheet-atributssecundaris -->
<div class="sheet-cos">
<div class="sheet-cosboxes">
<div class="sheet-escuts">
<div class="sheet-iniciativa">
<div class="sheet-lletra">
INICIATIVA
</div><!-- end .sheet-lletra -->
<button style=" margin-top: -15px; font-family: dicefontd8 !important; content: 'A'!important; text-align: center; line-height: 30px; font-size: 30px; color: #f7c00f; " type="roll" name="roll_iniciativa" value="&{template:dragonball} {{title=TIRADA DE INICIATIVA }} {{subtitle= @{character_name} }} {{color=}} {{INICIATIVA: =[[ d8 + @{bonovelocidad}&{tracker} ]]}}" ></button>
</div><!-- end .sheet-iniciativa -->
<div class="sheet-dificultat">
<div class="sheet-lletra">
ARMADURA
</div><!-- end .sheet-lletra -->
<input type="number" style=" width: 40px; margin: -15px 0px 0px 15px; border: none; line-height: 30px; font-size: 30px; font-weight: 400; background-color: transparent; padding: 0px; text-align: center; color: #2d2801; " name="attr_armadura" min="0" max="9" value="0" >
</div><!-- end .sheet-dificultat -->
</div><!-- end .sheet-escuts -->
<div class="sheet-lletra">
RAZA
</div><!-- end .sheet-lletra -->
<input type="text" style=" width: 200px; margin: 0px 0px 0px 5px; padding: 0px; text-align: center; border: none; line-height: 14px; font-size: 15px; background-color: transparent; color: #2d2801; " name="attr_raza" title="Raza del personaje">
<div class="sheet-lletra">
MAESTRO
</div><!-- end .sheet-lletra -->
<input type="text" style=" width: 200px; margin: 0px 0px 0px 5px; padding: 0px; text-align: center; border: none; line-height: 14px; font-size: 15px; background-color: transparent; color: #2d2801; " name="attr_maestro" title="Maestro del personaje">
<div class="sheet-lletra">
ESCUELA
</div><!-- end .sheet-lletra -->
<input type="text" style=" width: 200px; margin: 0px 0px 0px 5px; padding: 0px; text-align: center; border: none; line-height: 14px; font-size: 15px; background-color: transparent; color: #2d2801; " name="attr_escuela" title="Escuela del personaje">
<div class="sheet-lletra">
PROFESIÓN
</div><!-- end .sheet-lletra -->
<input type="text" style=" width: 200px; margin: 0px 0px 0px 5px; padding: 0px; text-align: center; border: none; line-height: 14px; font-size: 15px; background-color: transparent; color: #2d2801; " name="attr_trabajo" title="Profesión del personaje">
<div class="sheet-lletra">
TRASFONDOS
</div><!-- end .sheet-lletra -->
<textarea name="attr_trasfondos" title="Trasfondos del personaje" style=" padding: 1%; text-align: left; border: none; line-height: 12px; font-size: 12px; background-color: transparent; color: #2d2801; width: 210px; resize: none; height: 95px; min-height: 50px; "></textarea>
</div><!-- end .sheet-cosboxes -->
<div class="sheet-cosboxes">
<div class="sheet-titolhabilitats">
HABILIDADES
</div><!-- end .sheet-titolhabilitats -->
<div class="sheet-habilitat">
ACROBACIAS
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_acrobacias" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_acrobacias" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{ACROBACIAS=[[@{acrobacias} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
CONDUCIR
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_conducir" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_conducir" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{CONDUCIR=[[@{conducir} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
CON. CÁPSULAS
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_capsulas" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_capsulas" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{CON. CÁPSULAS=[[@{capsulas} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
DETECTAR KI
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_detectarki" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_detectarki" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{DETECTAR KI=[[@{detectarki} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
ESCONDER KI
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_esconderki" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_esconderki" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{ESCONDER KI=[[@{esconderki} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
MEDICINA
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_medicina" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_medicina" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{MEDICINA=[[@{medicina} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
NADAR
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_nadar" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_nadar" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{NADAR=[[@{nadar} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
ORDENADORES
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_ordenadores" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_ordenadores" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{ORDENADORES=[[@{ordenadores} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
PERCEPCIÓN
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_percepcion" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_percepcion" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{PERCEPCIÓN=[[@{percepcion} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
PERSUADIR
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_persuadir" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_persuadir" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{PERSUADIR=[[@{persuadir} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
PILOTAR
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_pilotar" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_pilotar" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{PILOTAR=[[@{pilotar} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
RASTREAR
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_rastrear" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_rastrear" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{RASTREAR=[[@{rastrear} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
REPARAR
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_reparar" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_reparar" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{REPARAR=[[@{reparar} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
<div class="sheet-habilitat">
SIGILO
</div><!-- end .sheet-habilitat -->
<div class="sheet-habnum">
<input type="number" style=" width: 30px; border-bottom: solid 1px #2d2801; border-left: none; border-right: none; border-top: none; line-height: 16px; font-size: 16px; font-weight: 400; background-color: transparent; padding: 1px; text-align: center; color: #2d2801; " name="attr_sigilo" max="7" min="0" value="0"><button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_sigilo" value="&{template:dragonball} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{SIGILO=[[@{sigilo} + d20 ]]}}" ></button>
</div><!-- end .sheet-habnum -->
</div><!-- end .sheet-cosboxes -->
<div class="sheet-cosboxes">
<div class="sheet-fotoavatar">
<img name="attr_character_avatar">
</div><!-- end .sheet-fotoavatar -->
<div class="sheet-nomavatar">
Avatar (220x355 px)
</div><!-- end .sheet-nomavatar -->
</div><!-- end .sheet-cosboxes -->
</div><!-- end .sheet-cos -->
<div class="sheet-peu">
<div class="sheet-peuarmes">
<a class="button" href="#popupcombate"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/DB_armas_combate.png" alt=""/></a>
</div><!-- end .sheet-peuarmes -->
<div class="sheet-peucenter">
<a class="button" href="#popuptecnicaki"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/DB_tecnica_ki_3.png" alt=""/></a>
</div><!-- end .sheet-peucapsules -->
<div class="sheet-peucapsules">
<a class="button" href="#popupinventario"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/DB_capsula_hoi_poi.png" alt=""/></a>
</div><!-- end .sheet-peucapsules -->
</div><!-- end .sheet-peu -->
<div class="sheet-firma">© 2024 DRAGONBALL - character sheet for ROLL20 by VJ Rolmasters</div>
</div><!-- end .sheet-contenedorfondo -->
</div><!-- end .sheet-contenedorvj -->
<!-- FORMULA POP UPS <a class="button" href="#popupXXX">NOM POP UP</a> -->
<!-- POP UPS ATRIBUTOS GENERALES -->
<div id="popupradar" class="overlayradar">
<div class="popupradar">
<h2>CONSIGUE LAS 7 BOLAS DE DRAGÓN PARA INVOCAR A SHENLONG</h2>
<a class="close" href="#">&times;</a>
<div class="contentradar">
<div class="sheet-bolacolumn1">
<div class="sheet-bola1">
<div class="sheet-lletradrac">BOLA 1</div><!-- end .clickbola -->
<input type="checkbox" class="sheet-bola1-switch" name="attr_boladrac1">
<div class="sheet-bola1buida"></div>
<div class="sheet-bola1plena"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/BOLA_DRAC_1.png" alt=""/></div>
</div><!-- end .bola1 -->
<div class="sheet-bola2">
<div class="sheet-lletradrac">BOLA 2</div><!-- end .clickbola -->
<input type="checkbox" class="sheet-bola2-switch" name="attr_boladrac2">
<div class="sheet-bola2buida"></div>
<div class="sheet-bola2plena"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/BOLA_DRAC_2.png" alt=""/></div>
</div><!-- end .bola2 -->
<div class="sheet-bola3">
<div class="sheet-lletradrac">BOLA 3</div><!-- end .clickbola -->
<input type="checkbox" class="sheet-bola3-switch" name="attr_boladrac3">
<div class="sheet-bola3buida"></div>
<div class="sheet-bola3plena"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/BOLA_DRAC_3.png" alt=""/></div>
</div><!-- end .bola3 -->
</div><!-- end .sheet-bolacolumn1 -->
<div class="sheet-bolacolumn2">
<div class="sheet-bola4">
<div class="sheet-lletradrac">BOLA 4</div><!-- end .clickbola -->
<input type="checkbox" class="sheet-bola4-switch" name="attr_boladrac4">
<div class="sheet-bola4buida"></div>
<div class="sheet-bola4plena"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/BOLA_DRAC_4.png" alt=""/></div>
</div><!-- end .bola4 -->
</div><!-- end .sheet-bolacolumn2 -->
<div class="sheet-bolacolumn3">
<div class="sheet-bola7">
<div class="sheet-lletradrac">BOLA 7</div><!-- end .clickbola -->
<input type="checkbox" class="sheet-bola7-switch" name="attr_boladrac7">
<div class="sheet-bola7buida"></div>
<div class="sheet-bola7plena"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/BOLA_DRAC_7.png" alt=""/></div>
</div><!-- end .bola7 -->
<div class="sheet-bola6">
<div class="sheet-lletradrac">BOLA 6</div><!-- end .clickbola -->
<input type="checkbox" class="sheet-bola6-switch" name="attr_boladrac6">
<div class="sheet-bola6buida"></div>
<div class="sheet-bola6plena"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/BOLA_DRAC_6.png" alt=""/></div>
</div><!-- end .bola6 -->
<div class="sheet-bola5">
<div class="sheet-lletradrac">BOLA 5</div><!-- end .clickbola -->
<input type="checkbox" class="sheet-bola5-switch" name="attr_boladrac5">
<div class="sheet-bola5buida"></div>
<div class="sheet-bola5plena"><img src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/BOLA_DRAC_5.png" alt=""/></div>
</div><!-- end .bola5 -->
</div><!-- end .sheet-bolacolumn3 -->
</div><!-- end .contentradar -->
</div><!-- end .popupradar -->
</div>
<div id="popupcombate" class="overlaycombate">
<div class="popupcombate">
<h2>COMBATE CON ARMAS</h2>
<a class="close" href="#">&times;</a>
<div class="contentcombate">
<div class="sheet-armasgrid">
<div class="sheet-armasceldasgrid"> ARMA</div><!-- end . sheet-armasceldasgrid -->
<div class="sheet-armasceldasgrid"> TIPO</div><!-- end . sheet-armasceldasgrid -->
<div class="sheet-armasceldasgrid"> BONO</div><!-- end . sheet-armasceldasgrid -->
<div class="sheet-armasceldasgrid"> DAÑO</div><!-- end . sheet-armasceldasgrid -->
<div class="sheet-armasceldasgrid"> PRECIO</div><!-- end . sheet-armasceldasgrid -->
</div><!-- end . sheet-armasgrid -->
<fieldset class="repeating_armas">
<input type="text" name="attr_armaname" style=" width: 260px;"/>
<select name="attr_armatipo" class="dtype" style=" text-align: center; width: 90px; ">
<option value="@{bonofuerza}" title="CUERPO A CUERPO" >CC</option>
<option value="@{bonofuerza}" title="CUERPO A CUERPO / ARROJADIZA" >CC/A</option>
<option value="@{bonofuerza}" title="ARROJADIZA" >A</option>
<option value="0" title="A DISTANCIA" >D</option>
</select>
<input type="number" name="attr_armabonoataque" style=" text-align: center; width: 100px; " value="0" min="-15" max="15" />
<input type="text" name="attr_armadaño" style=" text-align: center; width: 100px; " value="0"/>
<input type="number" name="attr_armaprecio" style=" text-align: center; width: 100px; " value="0" min="0" max="100000" />
<button style="text-align: center; font-size: 24; color: #f7c00f; " type="roll" name="roll_ataquearma" value="&{template:dragonball} {{title=TIRADA DE ATAQUE }} {{subtitle= @{character_name} }} {{color=}} {{ATAQUE=[[@{ataque} + @{armabonoataque} + d20 ]]}} {{Daño=[[@{armadaño} + @{armatipo} ]]}} {{desc=@{armaname}}}" ></button>
</fieldset>
</div><!-- end .contentcombate -->
</div><!-- end .popupcombate -->
</div>
<div id="popuptecnicaki" class="overlaytecnicaki">
<div class="popuptecnicaki">
<h2>TÉCNICAS KI DE COMBATE MARCIAL AVANZADO</h2>
<a class="close" href="#">&times;</a>
<div class="contenttecnicaki">
<fieldset class="repeating_tecnicaski">
<div class="sheet-blocktecnicaki">
<span class="sheet-lletraki">NOMBRE</span> <input type="text" name="attr_nombretecnica" style=" width: 330px; margin: -6px 20px 0px 10px; padding: 4px 0px 4px 4px; line-height: 20px; text-align: left; font-size: 18px; "/>
<span class="sheet-lletraki">KI</span><input type="number" name="attr_kiactivacion" style=" width: 50px; margin: -6px 20px 0px 10px; padding: 4px 0px; line-height: 20px; text-align: center; font-size: 18px; " value="0" min="0" max="100" />
<span class="sheet-lletraki">NIVEL</span><input type="number" name="attr_niveltecnica" style=" width: 50px; margin: -6px 20px 0px 10px; padding: 4px 0px; line-height: 20px; text-align: center; font-size: 18px; " value="0" min="0" max="10" />
<span class="sheet-lletraki">TIPO</span><select name="attr_tipotecnica" class="dtype" style=" width: 120px; margin: -6px 20px 0px 10px; padding: 0px; line-height: 20px; text-align: center; font-size: 18px; ">
<option value="0" >Auto</option>
<option value="0" >Largo</option>
<option value="0" >Toque</option>
<option value="0" >Visión</option>
<option value="0" >Explosión</option>
</select>
<span class="sheet-lletraki">CLASE</span><input type="text" name="attr_clasetecnica" style=" width: 408px; margin: -6px 0px 0px 10px; padding: 4px 0px 4px 4px; line-height: 20px; text-align: left; font-size: 18px; "/>
<textarea name="attr_descripciontecnica" style=" width: 700px; resize: none; max-height: 40px; margin: 5px 0px 0px; padding: 1px; line-height: 20px; text-align: left; font-size: 14px; "></textarea>
<span class="sheet-lletraki">BONO AL ATAQUE</span><input type="number" name="attr_kibonoataque" style=" text-align: center; width: 60px; margin: -6px 10px 0px 10px; padding: 4px 0px; line-height: 20px; text-align: center; font-size: 18px; " value="0" min="-15" max="15" />
<span class="sheet-lletraki">DAÑO</span><input type="text" name="attr_dañotecnica" style=" width: 200px; margin: -6px 0px 0px 10px; padding: 4px 0px; line-height: 20px; text-align: center; font-size: 18px; " value="0"/>
<button style="text-align: center; font-size: 24; color: #f7c00f; margin: -7px 0px 0px; " type="roll" name="roll_tecnicaki" value="&{template:dragonball} {{title=TIRADA DE ATAQUE }} {{subtitle= @{character_name}}} {{color=}} {{TECNICA KI=[[@{bonoki} + @{kibonoataque} + d20 ]]}} {{Daño=[[@{dañotecnica}]]}} {{desc=@{nombretecnica}}}" ></button>
</div><!-- end .blocktecnicaki -->
</fieldset>
</div><!-- end .contenttecnicaki -->
</div><!-- end .popuptecnicaki -->
</div>
<div id="popupinventario" class="overlayinventario">
<div class="popupinventario">
<div class="sheet-zenis">
ZENIS:<input type="number" style=" width: 110px; margin: 0px; border: none; line-height: 18px; font-size: 18px; font-weight: 600; background-color: transparent; padding: 0px; text-align: center; color: #ffe402; " name="attr_zenits" max="9999999" min="0" value="0">
</div><!-- end .sheet-zenits -->
<h2>INVENTARIO DEL PERSONAJE</h2>
<a class="close" href="#">&times;</a>
<div class="contentinventario">
<div class="sheet-inventariocolumns">
<div class="sheet-lletrainventari">
EQUIPO
</div><!-- end .sheet-lletrainventari -->
<div class="sheet-varis">
<textarea name="attr_objetos" style=" width: 96%; resize: none; height: 580px; background-color: transparent; border: none; color: #2d2801; font-size: 16px; "></textarea>
</div><!-- end .sheet-varis -->
</div><!-- end .sheet-inventariocolumns -->
<div class="sheet-inventariocolumns">
<div class="sheet-lletrainventari">
MARAVILLOSO
</div><!-- end .sheet-lletrainventari -->
<div class="sheet-varis">
<textarea name="attr_magicos" style=" width: 96%; resize: none; height: 580px; background-color: transparent; border: none; color: #2d2801; font-size: 16px; "></textarea>
</div><!-- end .sheet-varis -->
</div><!-- end .sheet-inventariocolumns -->
<div class="sheet-inventariocolumns">
<div class="sheet-lletrainventari">
HOI POI
</div><!-- end .sheet-lletrainventari -->
<div class="sheet-varis">
<textarea name="attr_hoipoy" style=" width: 96%; resize: none; height: 580px; background-color: transparent; border: none; color: #2d2801; font-size: 16px; "></textarea>
</div><!-- end .sheet-varis -->
</div><!-- end .sheet-inventariocolumns -->
</div><!-- end .contentinventario -->
</div><!-- end .popupinventario -->
</div>
<!-- END POP UPS -->
<rolltemplate class="sheet-rolltemplate-dragonball">
<div class="sheet-container sheet-color-{{color}}">
<div class="sheet-header">
{{#title}}<div class="sheet-title">{{title}}<img class="sheet-dbicon" src="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dragon Ball/images/DB_ICON_TEMPLATE_1.png" alt="Dragon ball icon"> </div>{{/title}}
{{#subtitle}}<div class="sheet-subtitle">{{subtitle}}</div>{{/subtitle}}
</div>
<div class="sheet-content">
{{#allprops() title subtitle desc color}}
<div class="sheet-key">{{key}}</div>
<div class="sheet-value">{{value}}</div>
{{/allprops() title subtitle desc color}}
{{#desc}}<div class="sheet-desc">{{desc}}</div>{{/desc}}
</div>
</div>
</rolltemplate>
<script type="text/worker">
/* ATRIBUTO FUERZA DB BONO */
on('change:fuerza', function () {
getAttrs(['fuerza'], function (values) {
let fuerza = parseInt(values.fuerza)||0;
let modifierfuerza = 0;
if (fuerza > 190){ modifieralm = "10d6";}
else if (fuerza > 170){ modifieralm = "9d6";}
else if (fuerza > 150){ modifieralm = "8d6";}
else if (fuerza > 130){ modifieralm = "7d6";}
else if (fuerza > 110){ modifieralm = "6d6";}
else if (fuerza > 90){ modifieralm = "5d6";}
else if (fuerza > 70){ modifieralm = "4d6";}
else if (fuerza > 50){ modifieralm = "3d6";}
else if (fuerza > 30){ modifieralm = "2d6";}
else if (fuerza > 19){ modifieralm = "1d6";}
else if (fuerza > 15){ modifieralm = "1d4";}
else if (fuerza > 6){ modifieralm = "1d3";}
else if (fuerza > 3){ modifieralm = 1;}
else if (fuerza > 0){ modifieralm = 0;}
else if (fuerza < 1){ modifieralm = 0;}
else {modifierfuerza = 0;}
setAttrs({
bonofuerza: modifieralm
});
});
});
/* ATRIBUTO RESISTENCIA DB BONO */
on('change:resistencia', function () {
getAttrs(['resistencia'], function (values) {
let resistencia = parseInt(values.resistencia)||0;
let modifierresistencia = 0;
if (resistencia > 190){ modifierresistencia = 12;}
else if (resistencia > 170){ modifierresistencia = 11;}
else if (resistencia > 150){ modifierresistencia = 10;}
else if (resistencia > 130){ modifierresistencia = 9;}
else if (resistencia > 110){ modifierresistencia = 8;}
else if (resistencia > 90){ modifierresistencia = 7;}
else if (resistencia > 70){ modifierresistencia = 6;}
else if (resistencia > 50){ modifierresistencia = 5;}
else if (resistencia > 30){ modifierresistencia = 4;}
else if (resistencia > 19){ modifierresistencia = 3;}
else if (resistencia > 15){ modifierresistencia = 2;}
else if (resistencia > 6){ modifierresistencia = 1;}
else if (resistencia > 3){ modifierresistencia = 0;}
else if (resistencia > 0){ modifierresistencia = -1;}
else if (resistencia < 1){ modifierresistencia = -1;}
else {modifierresistencia = 0;}
setAttrs({
bonoresistencia: modifierresistencia
});
});
});
/* ATRIBUTO VELOCIDAD DB BONO */
on('change:velocidad', function () {
getAttrs(['velocidad'], function (values) {
let velocidad = parseInt(values.velocidad)||0;
let modifiervelocidad = 0;
if (velocidad > 190){ modifiervelocidad = 12;}
else if (velocidad > 170){ modifiervelocidad = 11;}
else if (velocidad > 150){ modifiervelocidad = 10;}
else if (velocidad > 130){ modifiervelocidad = 9;}
else if (velocidad > 110){ modifiervelocidad = 8;}
else if (velocidad > 90){ modifiervelocidad = 7;}
else if (velocidad > 70){ modifiervelocidad = 6;}
else if (velocidad > 50){ modifiervelocidad = 5;}
else if (velocidad > 30){ modifiervelocidad = 4;}
else if (velocidad > 19){ modifiervelocidad = 3;}
else if (velocidad > 15){ modifiervelocidad = 2;}
else if (velocidad > 6){ modifiervelocidad = 1;}
else if (velocidad > 3){ modifiervelocidad = 0;}
else if (velocidad > 0){ modifiervelocidad = -1;}
else if (velocidad < 1){ modifiervelocidad = -1;}
else {velocidad = 0;}
setAttrs({
bonovelocidad: modifiervelocidad
});
});
});
/* ATRIBUTO KI DB BONO ATAQUE KI */
on('change:ki', function () {
getAttrs(['ki'], function (values) {
let ki = parseInt(values.ki)||0;
let modifierki = 0;
if (ki > 190){ modifierki = 10;}
else if (ki > 170){ modifierki = 9;}
else if (ki > 150){ modifierki = 8;}
else if (ki > 130){ modifierki = 7;}
else if (ki > 110){ modifierki = 6;}
else if (ki > 90){ modifierki = 5;}
else if (ki > 70){ modifierki = 4;}
else if (ki > 50){ modifierki = 3;}
else if (ki > 30){ modifierki = 3;}
else if (ki > 19){ modifierki = 2;}
else if (ki > 15){ modifierki = 2;}
else if (ki > 6){ modifierki = 1;}
else if (ki > 3){ modifierki = 1;}
else if (ki > 0){ modifierki = 0;}
else if (ki < 1){ modifierki = 0;}
else {ki = 0;}
setAttrs({
bonoki: modifierki
});
});
});
/* ATRIBUTO KI DB BONO PUNTOS KI */
on('change:ki', function () {
getAttrs(['ki'], function (values) {
let ki = parseInt(values.ki)||0;
let modifierpuntoski = 0;
if (ki > 190){ modifierpuntoski = 120;}
else if (ki > 170){ modifierpuntoski = 110;}
else if (ki > 150){ modifierpuntoski = 100;}
else if (ki > 130){ modifierpuntoski = 90;}
else if (ki > 110){ modifierpuntoski = 80;}
else if (ki > 90){ modifierpuntoski = 70;}
else if (ki > 70){ modifierpuntoski = 60;}
else if (ki > 50){ modifierpuntoski = 50;}
else if (ki > 30){ modifierpuntoski = 40;}
else if (ki > 19){ modifierpuntoski = 30;}
else if (ki > 15){ modifierpuntoski = 20;}
else if (ki > 6){ modifierpuntoski = 10;}
else if (ki > 3){ modifierpuntoski = 5;}
else if (ki > 0){ modifierpuntoski = 0;}
else if (ki < 1){ modifierpuntoski = 0;}
else {ki = 0;}
setAttrs({
puntoski: modifierpuntoski
});
});
});
/* ATRIBUTO VITALIDAD DB BONO */
on('change:vitalidad', function () {
getAttrs(['vitalidad'], function (values) {
let vitalidad = parseInt(values.vitalidad)||0;
let modifiervitalidad = 0;
if (vitalidad > 190){ modifiervitalidad = 12;}
else if (vitalidad > 170){ modifiervitalidad = 11;}
else if (vitalidad > 150){ modifiervitalidad = 10;}
else if (vitalidad > 130){ modifiervitalidad = 9;}
else if (vitalidad > 110){ modifiervitalidad = 8;}
else if (vitalidad > 90){ modifiervitalidad = 7;}
else if (vitalidad > 70){ modifiervitalidad = 6;}
else if (vitalidad > 50){ modifiervitalidad = 5;}
else if (vitalidad > 30){ modifiervitalidad = 4;}
else if (vitalidad > 19){ modifiervitalidad = 3;}
else if (vitalidad > 15){ modifiervitalidad = 2;}
else if (vitalidad > 6){ modifiervitalidad = 1;}
else if (vitalidad > 3){ modifiervitalidad = 0;}
else if (vitalidad > 0){ modifiervitalidad = -1;}
else if (vitalidad < 1){ modifiervitalidad = -1;}
else {vitalidad = 0;}
setAttrs({
bonovitalidad: modifiervitalidad
});
});
});
</script>