|
|
| Linha 26: |
Linha 26: |
|
| |
|
| <div class="job-section"> | | <div class="job-section"> |
| <h2>Árvore de Habilidades - Lorde</h2>
| | === Habilidades === |
| <div style="position: relative; width: 580px; max-width: 100%; height: 1200px; font-family: sans-serif; font-size: 11px; background-color: #ffffff; margin: 0 auto; overflow: hidden; border: 1px solid #9ecaff; border-radius: 8px; padding: 10px; box-sizing: border-box;">
| | {| class="skill-table" |
| | |- |
| | | [[File:Impacto de Tyr.png|23px]] [[Impacto_de_Tyr|Impacto de Tyr]] |
| | | [[File:Lâmina de Aura.png|23px]] [[Lâmina_de_Aura|Lâmina de Aura]] |
| | |- |
| | | [[File:Avanço Ofensivo.png|23px]] [[Avanço_Ofensivo|Avanço Ofensivo]] |
| | | [[File:Perfurar.png|23px]] [[Perfurar]] |
| | |- |
| | | [[File:Perfurar em Espiral.png|23px]] [[Perfurar_em_Espiral|Perfurar em Espiral]] |
| | | [[File:Rapidez com Uma Mão.png|23px]] [[Rapidez_com_Uma_Mão|Rapidez com Uma Mão]] |
| | |- |
| | | [[File:Estocada.png|23px]] [[Estocada]] |
| | | [[File:Aparar Golpe.png|23px]] [[Aparar_Golpe|Aparar Golpe]] |
| | |- |
| | | [[File:Lança Bumerangue.png|23px]] [[Lança_Bumerangue|Lança Bumerangue]] |
| | | [[File:Relaxar.png|23px]] [[Relaxar]] |
| | |- |
| | | [[File:Brandir Lança.png|23px]] [[Brandir_Lança|Brandir Lança]] |
| | | [[File:Dedicação.png|23px]] [[Dedicação]] |
| | |- |
| | | [[File:Contra-Ataque.png|23px]] [[Contra-Ataque]] |
| | | [[File:Golpe Traumático.png|23px]] [[Golpe_Traumático|Golpe Traumático]] |
| | |- |
| | | [[File:Rapidez com Duas Mãos.png|23px]] [[Rapidez_com_Duas_Mãos|Rapidez com Duas Mãos]] |
| | | [[File:Ataque Vital.png|23px]] [[Ataque_Vital|Ataque Vital]] |
| | |- |
| | | [[File:Montaria.png|23px]] [[Montaria]] |
| | | [[File:Frenesi.png|23px]] [[Frenesi]] |
| | |- |
| | | [[File:Perícia em Montaria.png|23px]] [[Perícia_em_Montaria|Perícia em Montaria]] |
| | | [[File:Perícia com Lança.png|23px]] [[Perícia_com_Lança|Perícia com Lança]] |
| | |} |
| | === Árvore de Habilidades === |
| | [[File:SkilltreeLordes.png]] |
|
| |
|
| <!-- ===================== CONECTORES ===================== -->
| | <div> |
| <!-- Verticais principais -->
| |
| <div style="position:absolute; top:60px; left:80px; width:3px; height:500px; background:#ff8c00;"></div> <!-- Espadachim -->
| |
| <div style="position:absolute; top:60px; left:220px; width:3px; height:800px; background:#00ff00;"></div> <!-- Cavaleiro -->
| |
| <div style="position:absolute; top:60px; left:380px; width:3px; height:900px; background:#5baaff;"></div> <!-- Lorde -->
| |
| <!-- Horizontais principais -->
| |
| <div style="position:absolute; top:140px; left:80px; width:300px; height:3px; background:#ff8c00;"></div>
| |
| <div style="position:absolute; top:220px; left:220px; width:160px; height:3px; background:#00ff00;"></div>
| |
| <div style="position:absolute; top:300px; left:80px; width:140px; height:3px; background:#00ff00;"></div>
| |
| <div style="position:absolute; top:380px; left:220px; width:160px; height:3px; background:#00ff00;"></div>
| |
| <div style="position:absolute; top:460px; left:220px; width:160px; height:3px; background:#5baaff;"></div>
| |
| <div style="position:absolute; top:540px; left:220px; width:160px; height:3px; background:#5baaff;"></div>
| |
| <div style="position:absolute; top:620px; left:220px; width:160px; height:3px; background:#5baaff;"></div>
| |
| <div style="position:absolute; top:700px; left:220px; width:160px; height:3px; background:#5baaff;"></div>
| |
| | |
| <!-- ===================== ESPADACHIM (laranja) ===================== -->
| |
| <div style="position:absolute; top:7px; left:17px; width:130px; height:30px; background:linear-gradient(to bottom,#ff8c00,#e67e22); border:1px solid #d35400; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Golpe_Fulminante.png|22px|link=Golpe Fulminante]]</div>
| |
| <div style="color:white; font-weight:bold;">Golpe Fulminante</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#ff8c00; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.10</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:80px; left:17px; width:130px; height:30px; background:linear-gradient(to bottom,#ff8c00,#e67e22); border:1px solid #d35400; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Impacto_Explosivo.png|22px|link=Impacto Explosivo]]</div>
| |
| <div style="color:white; font-weight:bold;">Impacto Explosivo</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#ff8c00; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.10</div>
| |
| </div>
| |
| | |
| <!-- ===================== CAVALEIRO (verde) ===================== -->
| |
| <div style="position:absolute; top:7px; left:157px; width:130px; height:30px; background:linear-gradient(to bottom,#00ff00,#00cc00); border:1px solid #009900; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Perícia_com_Lança.png|22px|link=Perícia com Lança]]</div>
| |
| <div style="color:white; font-weight:bold;">Perícia com Lança</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#00ff00; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.10</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:80px; left:157px; width:130px; height:30px; background:linear-gradient(to bottom,#00ff00,#00cc00); border:1px solid #009900; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Vigor.png|22px|link=Vigor]]</div>
| |
| <div style="color:white; font-weight:bold;">Vigor</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#00ff00; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.10</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:150px; left:157px; width:130px; height:30px; background:linear-gradient(to bottom,#00ff00,#00cc00); border:1px solid #009900; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Montaria.png|22px|link=Montaria]]</div>
| |
| <div style="color:white; font-weight:bold;">Montaria</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#00ff00; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.1</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:220px; left:157px; width:130px; height:30px; background:linear-gradient(to bottom,#00ff00,#00cc00); border:1px solid #009900; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Perícia_em_Montaria.png|22px|link=Perícia em Montaria]]</div>
| |
| <div style="color:white; font-weight:bold;">Perícia em Montaria</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#00ff00; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.5</div>
| |
| </div>
| |
| | |
| <!-- ===================== LORDE (azul) ===================== -->
| |
| <div style="position:absolute; top:7px; left:297px; width:130px; height:30px; background:linear-gradient(to bottom,#5baaff,#3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Perfurar.png|22px|link=Perfurar]]</div>
| |
| <div style="color:white; font-weight:bold;">Perfurar</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#5baaff; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.10</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:80px; left:297px; width:130px; height:30px; background:linear-gradient(to bottom,#5baaff,#3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Estocada.png|22px|link=Estocada]]</div>
| |
| <div style="color:white; font-weight:bold;">Estocada</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#5baaff; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.10</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:150px; left:297px; width:130px; height:30px; background:linear-gradient(to bottom,#5baaff,#3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Lança_Bumerangue.png|22px|link=Lança Bumerangue]]</div>
| |
| <div style="color:white; font-weight:bold;">Lança Bumerangue</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#5baaff; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.5</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:220px; left:297px; width:130px; height:30px; background:linear-gradient(to bottom,#5baaff,#3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Brandir_Lança.png|22px|link=Brandir Lança]]</div>
| |
| <div style="color:white; font-weight:bold;">Brandir Lança</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#5baaff; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.10</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:290px; left:297px; width:130px; height:30px; background:linear-gradient(to bottom,#5baaff,#3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Golpe_Traumático.png|22px|link=Golpe Traumático]]</div>
| |
| <div style="color:white; font-weight:bold;">Golpe Traumático</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#5baaff; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.5</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:360px; left:297px; width:130px; height:30px; background:linear-gradient(to bottom,#5baaff,#3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Ataque_Vital.png|22px|link=Ataque Vital]]</div>
| |
| <div style="color:white; font-weight:bold;">Ataque Vital</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#5baaff; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.10</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:430px; left:297px; width:130px; height:30px; background:linear-gradient(to bottom,#5baaff,#3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Dedicação.png|22px|link=Dedicação]]</div>
| |
| <div style="color:white; font-weight:bold;">Dedicação</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#5baaff; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.5</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:500px; left:297px; width:130px; height:30px; background:linear-gradient(to bottom,#5baaff,#3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Impacto_de_Tyr.png|22px|link=Impacto de Tyr]]</div>
| |
| <div style="color:white; font-weight:bold;">Impacto de Tyr</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#5baaff; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.10</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:570px; left:297px; width:130px; height:30px; background:linear-gradient(to bottom,#5baaff,#3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Lâmina_de_Aura.png|22px|link=Lâmina de Aura]]</div>
| |
| <div style="color:white; font-weight:bold;">Lâmina de Aura</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#5baaff; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.5</div>
| |
| </div>
| |
| | |
| <div style="position:absolute; top:640px; left:297px; width:130px; height:30px; background:linear-gradient(to bottom,#5baaff,#3090f0); border:1px solid #2b80dd; border-radius:4px; display:flex; align-items:center; box-shadow:0 2px 4px rgba(0,0,0,0.2);">
| |
| <div style="width:22px; height:22px; margin:0 4px;">[[File:Frenesi.png|22px|link=Frenesi]]</div>
| |
| <div style="color:white; font-weight:bold;">Frenesi</div>
| |
| <div style="position:absolute; bottom:-18px; left:40px; background:#5baaff; color:white; padding:0 4px; font-size:9px; border-radius:3px;">Nv.1</div>
| |
| </div>
| |
| | |
| <!-- ===================== LEGENDA ===================== -->
| |
| <div style="position:absolute; bottom:10px; left:10px; right:10px; font-size:10px; color:#666; text-align:center; border-top:1px solid #ddd; padding-top:5px;">
| |
| 🟠 Espadachim | 🟢 Cavaleiro | 🔵 Lorde | Estrutura baseada no diagrama fornecido | Níveis máximos padrão
| |
| </div>
| |
|
| |
|
| </div> | | </div> |