Mudanças entre as edições de "Usuário:Gurren1"

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<div class="character-page">
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
  <!-- Informações do Personagem -->
  <section class="character-info">
    <div class="character-info__image">
      <img src="/images/8/86/Aokiji_medal.png" alt="Aokiji Medal">
    </div>
    <div class="character-info__details">
      <h1>Aokiji</h1>
      <div class="character-info__badges">
        <span class="badge">Cortante</span>
        <span class="badge">Especialista</span>
        <span class="badge">Tanque</span>
        <span class="badge">Marinheiro</span>
        <span class="badge">Fruta do Diabo</span>
      </div>
    </div>
  </section>


  <!-- Habilidades -->
<div class="characterPage">
  <section class="character-skills">
<div class="characterPage--splashArt">
    <h2>Habilidades</h2>
{{#widget:image|src=/images/7/70/Aokiji_splash.png|class=characterPage--splashArt}} <!--$SPLASH ART DO PERSONAGEM-->
    <div class="skills-tabs">
</div>
      <button class="skill-tab active" data-skill="1">
<div class="characterPage--content">
        <img src="/images/5/5d/Aokiji_sk1_icon.png" alt="Skill 1">
<div class="characterPage--characterInfo">
      </button>
<div class="characterInfo--imageContainer">
      <button class="skill-tab" data-skill="2">
{{#tip-text:{{#widget:image|src=/images/8/86/Aokiji_medal.png|class=characterInfo--medal}} | [[Arquivo:Aokiji_sprite.png]]}} <!--$MEDALHA DO PERSONAGEM-->
        <img src="/images/3/34/Aokiji_sk2_icon.png" alt="Skill 2">
</div>
      </button>
<h1 class="characterInfo--name">Aokiji</h1> <!--$NOME DO PERSONAGEM-->
      <!-- Adicione mais botões conforme necessário -->
<div class="characterInfo--badges">
    </div>
{{#widget:badge|text=Cortante}} <!--$MEDALHA DE TIPO(1)-->
    <div class="skills-content">
{{#widget:badge|text=Especialista}} <!--$MEDALHA DE TIPO(2)-->
      <div class="skill-details active" data-skill="1">
{{#widget:badge|text=Tanque}} <!--$MEDALHA DE TIPO(3)-->
        <h3>Kick</h3>
{{#widget:badge|text=Marinheiro}} <!--$MEDALHA DE TIPO(4)-->
        <p>Kuzan é tão preguiçoso que prefere não tirar as mãos dos bolsos...</p>
{{#widget:badge|text=Fruta do Diabo}} <!--$MEDALHA DE TIPO(5)-->
        <div class="attributes">
</div>
          <div><strong>Recarga:</strong> 2 seg</div>
</div>
          <div><strong>Poder PVE:</strong> 15</div>
<div class="characterPage--characterSkills">
          <div><strong>Poder PVP:</strong> 9</div>
<h2 class="characterSkills--title">Habilidades</h2>
        </div>
<div class="tabsContainer">
        <video controls>
<div class="tabSkills">
          <source src="/images/7/76/Aokiji_sk1.webm" type="video/webm">
<div class="tab-skill active">
        </video>
{{#widget:image|src=/images/5/5d/Aokiji_sk1_icon.png}} <!--$ICONE SKILL (1)-->
      </div>
</div>
      <div class="skill-details" data-skill="2">
<div class="tab-skill">
        <h3>Ice Saber</h3>
{{#widget:image|src=/images/3/34/Aokiji_sk2_icon.png}} <!--$ICONE SKILL (2)-->
        <p>Materializa uma espada de gelo...</p>
</div>
        <div class="attributes">
<div class="tab-skill">
          <div><strong>Recarga:</strong> 10 seg</div>
{{#widget:image|src=/images/7/78/Aokiji_sk3_icon.png}} <!--$ICONE SKILL (3)-->
          <div><strong>Poder PVE:</strong> 26</div>
</div>
          <div><strong>Poder PVP:</strong> 18</div>
<div class="tab-skill">
        </div>
{{#widget:image|src=/images/a/a4/Aokiji_sk4_icon.png}} <!--$ICONE SKILL (4)-->
        <video controls>
</div>
          <source src="/images/6/6b/Aokiji_sk2.webm" type="video/webm">
<!-- Continue com os ícones de skills conforme necessário -->
        </video>
</div>
      </div>
<div class="skillInfo--container">
    </div>
<div class="skillInfo active">
  </section>
<!-- Descrição das skills -->
 
Descrição da skill 1.
  <!-- Skins -->
</div>
  <section class="character-skins">
<div class="skillInfo">
    <h2>Skins</h2>
<!-- Descrição da skill 2 -->
    <div class="skins-list">
Descrição da skill 2.
      <img src="/images/3/34/Aokiji_sprite.png" alt="Skin Padrão">
</div>
    </div>
<div class="skillInfo">
  </section>
<!-- Descrição da skill 3 -->
Descrição da skill 3.
</div>
<!-- Continue com as descrições das skills conforme necessário -->
</div>
</div>
</div>
</div>
<div class="characterPage--skins">
<h2 class="skins--title">Skins de Personagem</h2>
<div class="skins-container">
<!-- Adicionar cada skin aqui com o formato adequado -->
<div class="skin-item">
{{#widget:image|src=/images/7/70/Aokiji_splash.png|class=characterPage--skinArt}} <!-- Exemplo de Skin -->
<p>Descrição da skin 1</p>
</div>
<div class="skin-item">
{{#widget:image|src=/images/7/70/Aokiji_splash.png|class=characterPage--skinArt}} <!-- Exemplo de Skin -->
<p>Descrição da skin 2</p>
</div>
<!-- Continue com as outras skins -->
</div>
</div>
</div>
</div>

Edição das 23h29min de 27 de novembro de 2024


Aokiji

Cortante
Especialista
Tanque
Marinheiro
Fruta do Diabo

Habilidades

Descrição da skill 1.

Descrição da skill 2.

Descrição da skill 3.

Skins de Personagem

Descrição da skin 1

Descrição da skin 2