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

De Wiki Gla
Ir para navegação Ir para pesquisar
 
(149 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<includeonly>
<div class="wiki-row-container">
<!-- Container Principal -->
<div class="wiki-row-item">
{{#widget:opendiv|class=personagem-container}}
<div class="wiki-row-image">[[File:Personagens_card.png|link=Personagens]]</div>
<div class="wiki-row-title">[[Personagens|PERSONAGENS]]</div>
</div>
<div class="wiki-row-item">
<div class="wiki-row-image">[[File:Baus_card.png|link=Baus]]</div>
<div class="wiki-row-title">[[Baús|BAÚS]]</div>
</div>
<div class="wiki-row-item">
<div class="wiki-row-image">[[File:Itens_card.png|link=Itens]]</div>
<div class="wiki-row-title">[[Itens|ITENS]]</div>
</div>
<div class="wiki-row-item">
<div class="wiki-row-image">[[File:Worldboss_card.png|link=World Bosses]]</div>
<div class="wiki-row-title">[[World Bosses|WORLD BOSS]]</div>
</div>
<div class="wiki-row-item">
<div class="wiki-row-image">[[File:Weeklyboss_card.png|link=Semanais]]</div>
<div class="wiki-row-title">[[Semanais|Weekly Boss]]</div>
</div>
<div class="wiki-row-item">
<div class="wiki-row-image">[[File:Wantedpirates_card.png|link=Wanted Pirates]]</div>
<div class="wiki-row-title">[[Wanted Pirates|WANTED PIRATES]]</div>
</div>
</div>
<table style="width:100%;" cellpadding="0" cellspacing="8" border="0">
<tr>
<!-- Coluna Esquerda -->
<td style="width:69%; vertical-align:top;">
<div class="homepage-guia">
<h2>Guia</h2>
<table>
<tr>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Baús de Personagens|Baús de Personagens]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Tier e Estrelas]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Passe de Batalha]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Utilidades VIP]]</td>
</tr>
<tr>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Conquistas]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Melhoria de Equipamento]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Doações]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Loja de Gemas]]</td>
</tr>
<tr>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Ilhas]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Raids]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Black Market]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Suporte]]</td>
</tr>
<tr>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Eventos]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Criadores de Conteúdo]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Skins]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Mecânicas]]</td>
</tr>
<tr>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[GVG|Guerras (GVG)]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Arena PvP]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Ranqueada]]</td>
<td style="text-align: center;">[[Arquivo:Gurrentest.gif|link=LINK|center]]</td>
<td style="text-align: left;">[[Instâncias PvP]]</td>
</tr>
</table>
</div>


<!-- Cabeçalho do Personagem -->
</td>
{{#widget:opendiv|class=personagem-header}}
<!-- Coluna Direita -->
<h2>{{{nome|Nome do Personagem}}}</h2>
<td style="width:31%; vertical-align:top;">
{{#widget:opendiv|class=personagem-info}}
<div class="homepage-eventos">
<p><b>Classes:</b> {{{classes|N/A}}}</p>
<h2>Eventos</h2>
<p><b>Tier:</b> {{{tier|N/A}}}</p>
<div class="homepage-eventos-conteudo">
{{#widget:closediv}} <!-- Fecha personagem-info -->
{{#widget:opendiv}}
{{#widget:closediv}} <!-- Fecha personagem-header -->
{{#widget:GlobalEventTimer}}
 
<!-- Seção de Habilidades -->
{{#widget:opendiv|class=personagem-habilidades}}
<h3>Habilidades</h3>
 
<!-- Container das Abas de Habilidades -->
{{#widget:opendiv|class=habilidades-tabs}}
 
<!-- Ícones das Habilidades -->
{{#widget:opendiv|class=abas-icones}}
{{#widget:opendiv|class=tab-habilidade active" data-skill-id="1"}}
<img src="{{{icone_1|/images/default-icon.png}}}" alt="Habilidade 1">
{{#widget:closediv}}
{{#widget:opendiv|class=tab-habilidade" data-skill-id="2"}}
<img src="{{{icone_2|/images/default-icon.png}}}" alt="Habilidade 2">
{{#widget:closediv}}
{{#widget:opendiv|class=tab-habilidade" data-skill-id="3"}}
<img src="{{{icone_3|/images/default-icon.png}}}" alt="Habilidade 3">
{{#widget:closediv}}
<!-- Adicione mais habilidades se necessário -->
{{#widget:closediv}} <!-- Fecha abas-icones -->
 
<!-- Conteúdo das Habilidades -->
{{#widget:opendiv|class=abas-conteudo}}
{{#widget:opendiv|class=habilidade-info active" data-skill-id="1"}}
<h4>{{{habilidade_1_nome|Habilidade 1}}}</h4>
<p><b>Nível:</b> {{{habilidade_1_nivel|N/A}}}</p>
<p><b>Descrição:</b> {{{habilidade_1_descricao|Sem descrição.}}}</p>
<div class="habilidade-video">{{{habilidade_1_video|}}}</div>
{{#widget:closediv}}
{{#widget:closediv}}
{{#widget:opendiv|class=habilidade-info" data-skill-id="2"}}
{{#widget:opendiv}}
<h4>{{{habilidade_2_nome|Habilidade 2}}}</h4>
{{#widget:WorldBossTimer}}
<p><b>Nível:</b> {{{habilidade_2_nivel|N/A}}}</p>
<p><b>Descrição:</b> {{{habilidade_2_descricao|Sem descrição.}}}</p>
<div class="habilidade-video">{{{habilidade_2_video|}}}</div>
{{#widget:closediv}}
{{#widget:closediv}}
{{#widget:opendiv|class=habilidade-info" data-skill-id="3"}}
{{#widget:opendiv}}
<h4>{{{habilidade_3_nome|Habilidade 3}}}</h4>
{{#widget:RankedTimer}}
<p><b>Nível:</b> {{{habilidade_3_nivel|N/A}}}</p>
<p><b>Descrição:</b> {{{habilidade_3_descricao|Sem descrição.}}}</p>
<div class="habilidade-video">{{{habilidade_3_video|}}}</div>
{{#widget:closediv}}
{{#widget:closediv}}
<!-- Adicione mais habilidades se necessário -->
</div>
{{#widget:closediv}} <!-- Fecha abas-conteudo -->
</div>
 
</td>
{{#widget:closediv}} <!-- Fecha habilidades-tabs -->
</tr>
{{#widget:closediv}} <!-- Fecha personagem-habilidades -->
</table>
 
{{#widget:closediv}} <!-- Fecha personagem-container -->
 
<!-- JavaScript para alternar entre as habilidades -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    const tabs = document.querySelectorAll('.tab-habilidade');
    const contents = document.querySelectorAll('.habilidade-info');
    tabs.forEach(tab => {
        tab.addEventListener('click', function() {
            const skillId = this.getAttribute('data-skill-id');
            document.querySelector('.tab-habilidade.active').classList.remove('active');
            this.classList.add('active');
            document.querySelector('.habilidade-info.active').classList.remove('active');
            document.querySelector('.habilidade-info[data-skill-id="' + skillId + '"]').classList.add('active');
        });
    });
});
</script>
</includeonly>

Edição atual tal como às 01h49min de 3 de janeiro de 2025