Mudanças entre as edições de "Predefinição:Droflax"

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Reversão manual
Linha 1: Linha 1:
<includeonly>
<includeonly>{{#invoke:Personaje|render}}{{#widget:PersonajeInteractivo}}</includeonly><noinclude>
<templatestyles src="Template:Persona/styles.css" />
==Uso==
<div id="persona-data" style="display:none"
Esta plantilla combina un módulo Lua con un widget para crear una interfaz interactiva de personajes.
    data-nome="{{{nome|}}}"
    data-tier="{{{tier|}}}"
    data-classe="{{{classe|}}}"
    data-image="{{{image|}}}"
   
    <!-- Habilidades -->
    data-hab1-nome="{{{hab1-nome|}}}"
    data-hab1-icon="{{{hab1-icon|}}}"
    data-hab1-level="{{{hab1-level|}}}"
    data-hab1-desc="{{{hab1-desc|}}}"
    data-hab1-atr="{{{hab1-atr|}}}"
    data-hab1-video="{{{hab1-video|}}}"
   
    data-hab2-nome="{{{hab2-nome|}}}"
    data-hab2-icon="{{{hab2-icon|}}}"
    data-hab2-level="{{{hab2-level|}}}"
    data-hab2-desc="{{{hab2-desc|}}}"
    data-hab2-atr="{{{hab2-atr|}}}"
    data-hab2-video="{{{hab2-video|}}}"
   
    data-hab3-nome="{{{hab3-nome|}}}"
    data-hab3-icon="{{{hab3-icon|}}}"
    data-hab3-level="{{{hab3-level|}}}"
    data-hab3-desc="{{{hab3-desc|}}}"
    data-hab3-atr="{{{hab3-atr|}}}"
    data-hab3-video="{{{hab3-video|}}}"
   
    data-hab4-nome="{{{hab4-nome|}}}"
    data-hab4-icon="{{{hab4-icon|}}}"
    data-hab4-level="{{{hab4-level|}}}"
    data-hab4-desc="{{{hab4-desc|}}}"
    data-hab4-atr="{{{hab4-atr|}}}"
    data-hab4-video="{{{hab4-video|}}}"
   
    data-hab5-nome="{{{hab5-nome|}}}"
    data-hab5-icon="{{{hab5-icon|}}}"
    data-hab5-level="{{{hab5-level|}}}"
    data-hab5-desc="{{{hab5-desc|}}}"
    data-hab5-atr="{{{hab5-atr|}}}"
    data-hab5-video="{{{hab5-video|}}}"
   
    data-hab6-nome="{{{hab6-nome|}}}"
    data-hab6-icon="{{{hab6-icon|}}}"
    data-hab6-level="{{{hab6-level|}}}"
    data-hab6-desc="{{{hab6-desc|}}}"
    data-hab6-atr="{{{hab6-atr|}}}"
    data-hab6-video="{{{hab6-video|}}}"
   
    data-hab7-nome="{{{hab7-nome|}}}"
    data-hab7-icon="{{{hab7-icon|}}}"
    data-hab7-level="{{{hab7-level|}}}"
    data-hab7-desc="{{{hab7-desc|}}}"
    data-hab7-atr="{{{hab7-atr|}}}"
    data-hab7-video="{{{hab7-video|}}}"
   
    data-hab8-nome="{{{hab8-nome|}}}"
    data-hab8-icon="{{{hab8-icon|}}}"
    data-hab8-level="{{{hab8-level|}}}"
    data-hab8-desc="{{{hab8-desc|}}}"
    data-hab8-atr="{{{hab8-atr|}}}"
    data-hab8-video="{{{hab8-video|}}}"
   
    data-hab9-nome="{{{hab9-nome|}}}"
    data-hab9-icon="{{{hab9-icon|}}}"
    data-hab9-level="{{{hab9-level|}}}"
    data-hab9-desc="{{{hab9-desc|}}}"
    data-hab9-atr="{{{hab9-atr|}}}"
    data-hab9-video="{{{hab9-video|}}}"
   
    data-hab10-nome="{{{hab10-nome|}}}"
    data-hab10-icon="{{{hab10-icon|}}}"
    data-hab10-level="{{{hab10-level|}}}"
    data-hab10-desc="{{{hab10-desc|}}}"
    data-hab10-atr="{{{hab10-atr|}}}"
    data-hab10-video="{{{hab10-video|}}}"
   
    data-hab11-nome="{{{hab11-nome|}}}"
    data-hab11-icon="{{{hab11-icon|}}}"
    data-hab11-level="{{{hab11-level|}}}"
    data-hab11-desc="{{{hab11-desc|}}}"
    data-hab11-atr="{{{hab11-atr|}}}"
    data-hab11-video="{{{hab11-video|}}}"
   
    data-hab12-nome="{{{hab12-nome|}}}"
    data-hab12-icon="{{{hab12-icon|}}}"
    data-hab12-level="{{{hab12-level|}}}"
    data-hab12-desc="{{{hab12-desc|}}}"
    data-hab12-atr="{{{hab12-atr|}}}"
    data-hab12-video="{{{hab12-video|}}}"
   
    data-hab13-nome="{{{hab13-nome|}}}"
    data-hab13-icon="{{{hab13-icon|}}}"
    data-hab13-level="{{{hab13-level|}}}"
    data-hab13-desc="{{{hab13-desc|}}}"
    data-hab13-atr="{{{hab13-atr|}}}"
    data-hab13-video="{{{hab13-video|}}}"
   
    data-hab14-nome="{{{hab14-nome|}}}"
    data-hab14-icon="{{{hab14-icon|}}}"
    data-hab14-level="{{{hab14-level|}}}"
    data-hab14-desc="{{{hab14-desc|}}}"
    data-hab14-atr="{{{hab14-atr|}}}"
    data-hab14-video="{{{hab14-video|}}}"
   
    data-hab15-nome="{{{hab15-nome|}}}"
    data-hab15-icon="{{{hab15-icon|}}}"
    data-hab15-level="{{{hab15-level|}}}"
    data-hab15-desc="{{{hab15-desc|}}}"
    data-hab15-atr="{{{hab15-atr|}}}"
    data-hab15-video="{{{hab15-video|}}}"


    data-hab16-nome="{{{hab16-nome|}}}"
===Parámetros básicos===
    data-hab16-icon="{{{hab16-icon|}}}"
* '''nome''' - Nombre del personaje
    data-hab16-level="{{{hab16-level|}}}"
* '''tier''' - Tier del personaje (bronze, silver, gold, diamond)
    data-hab16-desc="{{{hab16-desc|}}}"
* '''classe''' - Clase del personaje
    data-hab16-atr="{{{hab16-atr|}}}"
* '''image''' - URL de la imagen del personaje
    data-hab16-video="{{{hab16-video|}}}"


    data-hab17-nome="{{{hab17-nome|}}}"
===Habilidades===
    data-hab17-icon="{{{hab17-icon|}}}"
Para cada habilidad (hab1 hasta hab21):
    data-hab17-level="{{{hab17-level|}}}"
* '''hab#-nome''' - Nombre de la habilidad
    data-hab17-desc="{{{hab17-desc|}}}"
* '''hab#-icon''' - URL del icono de la habilidad
    data-hab17-atr="{{{hab17-atr|}}}"
* '''hab#-level''' - Nivel de la habilidad
    data-hab17-video="{{{hab17-video|}}}"
* '''hab#-desc''' - Descripción de la habilidad (soporta '''texto''' para negrita)
* '''hab#-atr''' - Atributos separados por comas (PVE,PVP,Energía,Recarga)
* '''hab#-video''' - URL del video de la habilidad (opcional)


    data-hab18-nome="{{{hab18-nome|}}}"
===Skins===
    data-hab18-icon="{{{hab18-icon|}}}"
Para cada skin (skin1 hasta skin11):
    data-hab18-level="{{{hab18-level|}}}"
* '''skin#-image''' - URL de la imagen de la skin
    data-hab18-desc="{{{hab18-desc|}}}"
* '''skin#-banner''' - URL del banner de la skin
    data-hab18-atr="{{{hab18-atr|}}}"
* '''skin#-tooltip''' - Texto del tooltip (opcional)
    data-hab18-video="{{{hab18-video|}}}"


    data-hab19-nome="{{{hab19-nome|}}}"
===Ejemplo===
    data-hab19-icon="{{{hab19-icon|}}}"
<pre>
    data-hab19-level="{{{hab19-level|}}}"
{{Personaje
    data-hab19-desc="{{{hab19-desc|}}}"
|nome=Franky
    data-hab19-atr="{{{hab19-atr|}}}"
|tier=Diamond
    data-hab19-video="{{{hab19-video|}}}"
|classe=Cyborg
|image=/images/personajes/franky.png
|hab1-nome=Coup de Vent
|hab1-icon=/images/habilidades/franky_1.png
|hab1-level=1
|hab1-desc=Franky dispara un '''proyectil de aire''' que causa daño a los enemigos.
|hab1-atr=120,+15,50,8
|hab1-video=/videos/franky_hab1.webm
|skin1-image=/images/skins/franky_skin1.png
|skin1-banner=/images/banners/franky_banner1.jpg
}}
</pre>


    data-hab20-nome="{{{hab20-nome|}}}"
===Ventajas de esta implementación===
    data-hab20-icon="{{{hab20-icon|}}}"
# '''Separación de responsabilidades''': Lua maneja la lógica y estructura, JavaScript la interactividad
    data-hab20-level="{{{hab20-level|}}}"
# '''Mantenibilidad''': Cambios en la estructura se hacen en Lua, cambios de UX en el widget
    data-hab20-desc="{{{hab20-desc|}}}"
# '''Performance''': El HTML se genera una sola vez en el servidor
    data-hab20-atr="{{{hab20-atr|}}}"
# '''Flexibilidad''': Fácil agregar nuevas características sin mezclar código
    data-hab20-video="{{{hab20-video|}}}"
# '''Reutilización''': El widget se puede usar con otros módulos similares


    data-hab21-nome="{{{hab21-nome|}}}"
[[Categoría:Plantillas de personajes]]
    data-hab21-icon="{{{hab21-icon|}}}"
</noinclude>
    data-hab21-level="{{{hab21-level|}}}"
    data-hab21-desc="{{{hab21-desc|}}}"
    data-hab21-atr="{{{hab21-atr|}}}"
    data-hab21-video="{{{hab21-video|}}}"
   
    <!-- Skins -->
    data-skin1-image="{{{skin1-image|}}}"
    data-skin1-banner="{{{skin1-banner|}}}"
    data-skin1-tooltip="{{{skin1-tooltip|}}}"
   
    data-skin2-image="{{{skin2-image|}}}"
    data-skin2-banner="{{{skin2-banner|}}}"
    data-skin2-tooltip="{{{skin2-tooltip|}}}"
   
    data-skin3-image="{{{skin3-image|}}}"
    data-skin3-banner="{{{skin3-banner|}}}"
    data-skin3-tooltip="{{{skin3-tooltip|}}}"
   
    data-skin4-image="{{{skin4-image|}}}"
    data-skin4-banner="{{{skin4-banner|}}}"
    data-skin4-tooltip="{{{skin4-tooltip|}}}"
   
    data-skin5-image="{{{skin5-image|}}}"
    data-skin5-banner="{{{skin5-banner|}}}"
    data-skin5-tooltip="{{{skin5-tooltip|}}}"
 
    data-skin6-image="{{{skin6-image|}}}"
    data-skin6-banner="{{{skin6-banner|}}}"
    data-skin6-tooltip="{{{skin6-tooltip|}}}"
 
    data-skin7-image="{{{skin7-image|}}}"
    data-skin7-banner="{{{skin7-banner|}}}"
    data-skin7-tooltip="{{{skin7-tooltip|}}}"
 
    data-skin8-image="{{{skin8-image|}}}"
    data-skin8-banner="{{{skin8-banner|}}}"
    data-skin8-tooltip="{{{skin8-tooltip|}}}"
 
    data-skin9-image="{{{skin9-image|}}}"
    data-skin9-banner="{{{skin9-banner|}}}"
    data-skin9-tooltip="{{{skin9-tooltip|}}}"
 
    data-skin10-image="{{{skin10-image|}}}"
    data-skin10-banner="{{{skin10-banner|}}}"
    data-skin10-tooltip="{{{skin10-tooltip|}}}"
 
    data-skin11-image="{{{skin11-image|}}}"
    data-skin11-banner="{{{skin11-banner|}}}"
    data-skin11-tooltip="{{{skin11-tooltip|}}}"
></div>
 
{{#widget:Droflax}}
</includeonly>

Edição das 15h46min de 20 de julho de 2025

Uso

Esta plantilla combina un módulo Lua con un widget para crear una interfaz interactiva de personajes.

Parámetros básicos

  • nome - Nombre del personaje
  • tier - Tier del personaje (bronze, silver, gold, diamond)
  • classe - Clase del personaje
  • image - URL de la imagen del personaje

Habilidades

Para cada habilidad (hab1 hasta hab21):

  • hab#-nome - Nombre de la habilidad
  • hab#-icon - URL del icono de la habilidad
  • hab#-level - Nivel de la habilidad
  • hab#-desc - Descripción de la habilidad (soporta texto para negrita)
  • hab#-atr - Atributos separados por comas (PVE,PVP,Energía,Recarga)
  • hab#-video - URL del video de la habilidad (opcional)

Skins

Para cada skin (skin1 hasta skin11):

  • skin#-image - URL de la imagen de la skin
  • skin#-banner - URL del banner de la skin
  • skin#-tooltip - Texto del tooltip (opcional)

Ejemplo

{{Personaje
|nome=Franky
|tier=Diamond
|classe=Cyborg
|image=/images/personajes/franky.png
|hab1-nome=Coup de Vent
|hab1-icon=/images/habilidades/franky_1.png
|hab1-level=1
|hab1-desc=Franky dispara un '''proyectil de aire''' que causa daño a los enemigos.
|hab1-atr=120,+15,50,8
|hab1-video=/videos/franky_hab1.webm
|skin1-image=/images/skins/franky_skin1.png
|skin1-banner=/images/banners/franky_banner1.jpg
}}

Ventajas de esta implementación

  1. Separación de responsabilidades: Lua maneja la lógica y estructura, JavaScript la interactividad
  2. Mantenibilidad: Cambios en la estructura se hacen en Lua, cambios de UX en el widget
  3. Performance: El HTML se genera una sola vez en el servidor
  4. Flexibilidad: Fácil agregar nuevas características sin mezclar código
  5. Reutilización: El widget se puede usar con otros módulos similares

Categoría:Plantillas de personajes