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

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Reversão manual
 
Linha 1: Linha 1:
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
{{#widget:BossActions}}


<div style="background-color: #8c8c8c; padding: 20px; font-family: sans-serif; color: #000; margin: auto; border-radius: 10px;">
<div class="boss-main-wrapper">
 
     {{#widget:opendiv|class=d-flex flex-wrap gap-3}}
     <div style="display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 20px; gap: 15px; width: 100%; box-sizing: border-box;">
         <div class="boss-card-item" style="width: 300px;">
 
             <div class="boss-card-title">Boss</div>
<!----><!----><!----><!----><!--CAIXA DE IMAGEM DO BOSS-->       
             <div style="padding: 10px; text-align: center;">[[Arquivo:Sprite-Boss.png|200px]]</div>
         <div style="width: 250px; height: 250px; background-color: #000; color: white; border: 2px solid #333; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden;">IMAGEM DO BOSS AQUI</div>
 
<!----><!----><!----><!----><!--CAIXA COM SCROLL MOSTRANDO INFORMAÇÕES DO BOSS-->
        <div style="background-color: #4da6ff; flex: 1; min-width: 0; height: 250px; border-radius: 20px; position: relative; box-shadow: inset -10px 0px 15px rgba(0,0,0,0.1); overflow-y: auto; border: 1px solid rgba(0,0,0,0.1);">
             <div style="position: sticky; top: 0; background-color: #4da6ff; padding: 10px 5px; text-align: center; z-index: 2; border-bottom: 1px solid rgba(255,255,255,0.2);">
                <h3 style="margin: 0; font-size: 18px;  color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">Informações Importantes</h3>
            </div>
             <div style="padding: 10px 20px;">
                <ul style="margin: 0; padding: 0; list-style-position: inside; line-height: 1.8; font-size: 16px; color: #fff;">
                    <li>Não haverá punição ao ser derrotado pelo boss.</li>
                    <li>O desafio é feito em grupo de 6 jogadores.</li>
                    <li>Leve sempre foods de cura instantânea.</li>
                    <li>Fiquem sempre atentos às rotações dele, pois o seu dano é muito alto.</li>
                    <li>Utilize personagens com controle de grupo (CC).</li>
                </ul>
            </div>
         </div>
         </div>
 
       
<!----><!----><!----><!----><!--CAIXA DA LOCALIZAÇÃO DO BOSS-->
         <div class="boss-card-item" style="flex: 1;">
         <div style="width: 220px; text-align: center; flex-shrink: 0; display: flex; flex-direction: column;">
             <div class="boss-card-title">Informações</div>
             <b style="font-size: 16px; margin-bottom: 5px; margin-top: 0px; padding-top: 0px;">Localização [[Arquivo:Iconezinho_worldboss.png|20x18px|link=]]</b>
             <div class="boss-scroll-box">
             <div style="flex: 1; border: 3px solid #000; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden;">
                 * Dica 1: Use tal elemento.
                 [[Arquivo:Mihawklocalização.png|200px|center|link=]]
                * Dica 2: Cuidado com a fase 2.
             </div>
             </div>
         </div>
         </div>
     </div>
     {{#widget:closediv}}


<!----><!----><!----><!----><!--OPÇÕES HABILIDADES-FASES-RECOMPENSAS-PERSONAGENS RECOMENDADOS-->
     <tabber>
     <tabber>
     Habilidades=
     Habilidades=
<!----><!----><!----><!----><!--ABA MOSTRANDO AS SKILL DO BOSS EM ORDEM DAS FASES-->
     {{BossSkills|module=Mihawk}} |-|
     <div style="padding:20px; border-radius: 0 0 20px 20px;">
        {{BossSkills|module=Teste}}
    </div>
 
 
    |-|
     Fases=
     Fases=
<div style="background:#d9d9d9; padding:20px; border-radius: 0 0 20px 20px; min-height: 300px;">
     <div class="boss-grid-container">
      <h3>Mecânicas de Fases</h3>
         <div class="boss-card-item">
      Conteúdo das Fases do Mihawk aqui...
            <div class="boss-card-header" style="background: green;"></div>
     </div>
            <div class="boss-card-title">Fase 1</div>
 
            <div style="padding: 15px;">Explicação da fase aqui...</div>
   
    |-|
    Rank e Tiers=
<!----><!----><!----><!----><!--ABA MOSTRANDO CADA FASE DO BOSS E O QUE ELE FAZ EM CADA-->
<div style="display: flex; background-color: #d9d9d9; border-radius: 0 0 20px 20px; padding: 20px; gap: 20px; min-height: 500px;">
 
<!----><!----><!----><!----><!--BOTÕES DOS TIERS ORDEM CRESCENTE DE BAIXO PARA CIMA-->
    <div style="display: flex; flex-direction: column-reverse; gap: 10px; width: 200px; flex-shrink: 0;">
         <div style="background: #4da6ff; color: white; padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; border: 2px solid #333; cursor: pointer;">Tier 7</div>
        <div style="background: #4da6ff; color: white; padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; border: 2px solid #333; cursor: pointer;">Tier 6</div>
        <div style="background: #4da6ff; color: white; padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; border: 2px solid #333; cursor: pointer;">Tier 5</div>
        <div style="background: #4da6ff; color: white; padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; border: 2px solid #333; cursor: pointer;">Tier 4</div>
        <div style="background: #4da6ff; color: white; padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; border: 2px solid #333; cursor: pointer;">Tier 3</div>
        <div style="background: #4da6ff; color: white; padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; border: 2px solid #333; cursor: pointer;">Tier 2</div>
        <div style="background: #4da6ff; color: white; padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; border: 2px solid #333; cursor: pointer;">Tier 1</div>
        <div style="background: #FFD700; color: #000; padding: 15px; border-radius: 10px; text-align: center; font-weight: bold; border: 2px solid #000; box-shadow: 0 0 10px rgba(255,215,0,0.4);">1° Lugar (TOP)</div>
    </div>
 
    <div style="flex: 1; background: #fff; border-radius: 20px; padding: 20px; border: 2px solid #4da6ff; display: flex; flex-direction: column; gap: 20px;">
 
<!----><!----><!----><!----><!--DANO MINIMO-->
        <div style="background: #f0f8ff; border: 2px dashed #4da6ff; padding: 20px; border-radius: 15px; text-align: center;">
            <b style="font-size: 15px; color: #666; text-transform: uppercase; font-weight: bold;">Dano Mínimo</b>
            <div style="font-size: 32px; font-weight: bold; color: #2c3e50; margin-top: 5px;">100.000.000</div>
         </div>
         </div>
 
       
<!----><!----><!----><!----><!--RECOMPENSAS DE CADA RANK - titulo-->
         <div class="boss-card-item">
         <div style="flex: 1; background: #f9f9f9; border-radius: 15px; padding: 15px; border: 1px solid #eee;">
             <div class="boss-card-header" style="background: orange;"></div>
            <h3 style="text-align: center; margin-top: 0; color: #333; font-size: 18px;">Recompensas Disponíveis</h3>
            <div class="boss-card-title">Fase 2</div>
           
            <div style="padding: 15px;">Explicação da fase aqui...</div>
<!----><!----><!----><!----><!--RECOMPENSAS DE CADA RANK - itens-->
             <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 20px;">
                <div style="text-align: center; width: 80px;">
                    <div style="width: 60px; height: 60px; background: #fff; border: 1px solid #ccc; border-radius: 10px; margin: 0 auto; display: flex; align-items: center; justify-content: center;">
                        [[Arquivo:Pedra_do_Despertar_TOP1.png]]
                    </div>
                    <div style="font-size: 12px; margin-top: 5px; font-weight: bold;">Item Aleatório</div>
                </div>
 
                <div style="text-align: center; width: 80px;">
                    <div style="width: 60px; height: 60px; border: 1px solid #ccc; border-radius: 10px; margin: 0 auto; display: flex; align-items: center; justify-content: center;">
                        [[Arquivo:Pedra_do_Despertar_TOP1.png]]
                    </div>
                    <div style="font-size: 12px; margin-top: 5px; font-weight: bold;">Item Aleatório</div>
                </div>
            </div>
         </div>
         </div>
     </div>
     </div>
</div>


     |-|
     |-|
     Personagens Recomendados=
     Personagens=
<!----><!----><!----><!----><!--OPÇÃO MOSTRANDO PERSONAGENS RECOMPENSADOS - SEPARADOS POR TRẼS CLASSES CADA UM SENDO BOTÃO COM SCROLL(AO CLICAR VAI DESCER OS CARDS DOS PERSONAGENS)-->
     <div class="boss-grid-container">
 
        <div class="boss-card-item">
<!----><!----><!----><!----><!--PERSONAGENS RECOMENDADOS - TITULO-->
             <div class="boss-card-title">Tank Recomendado</div>
<div style="background:#d9d9d9; padding:15px; border-radius: 0 0 20px 20px; min-height: 400px;">
            <div style="padding: 5px;">[[Arquivo:Card-Personagem.png|thumb|center|200px]]</div>
    <h3 style="text-align: center;  margin-top: 0; margin-bottom: 20px;">Melhores Personagens</h3>
 
<!----><!----><!----><!----><!--PERSONAGENS RECOMENDADOS - BOTÕES COM SCROLL DOS CARD-->
     <div style="display: flex; flex-wrap: wrap; justify-content: center; border-top: 2px solid #333; padding-top: 10px; align-items: flex-start; gap: 15px; width: 100%;">
 
<!----><!----><!----><!----><!--BOTÃO COM SCROLL TANK-->
<div style="flex: 1; min-width: 280px; max-width: 400px;">
             <div style="background-color: #6AA9E9; height: 450px; border-radius: 20px; position: relative; box-shadow: inset -10px 0px 15px rgba(0,0,0,0.1); overflow-y: auto; border: 1px solid rgba(0,0,0,0.1); scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.5) transparent;">
   
    <div style="position: sticky; top: 0; background-color: #318CE7; padding: 15px 5px; text-align: center; z-index: 2; border-bottom: 1px solid rgba(255,255,255,0.2);">
                    <h3 style="margin: 0; font-size: 18px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); font-weight: bold;">TANKS</h3>
                </div>
 
                <div style="padding: 20px; display: flex; flex-direction: column; align-items: center; gap: 15px;">
                    [[Arquivo:Card-jinbe.png|300x300px|center|link=https://wiki.gla.com.br/index.php/Jinbe]]
                    [[Arquivo:Card-kid.png|300x300px|center|link=https://wiki.gla.com.br/index.php/Kid]]
                    [[Arquivo:Card-bastille.png|300x300px|center|link=https://wiki.gla.com.br/index.php/Bastille]]
                </div>
            </div>
         </div>
         </div>
<!----><!----><!----><!----><!--BOTÃO COM SCROLL DPS-->
<div style="flex: 1; min-width: 280px; max-width: 400px;">
        <div style="background-color: #F4796B; height: 450px; border-radius: 20px; position: relative; box-shadow: inset -10px 0px 15px rgba(0,0,0,0.1); overflow-y: auto; border: 1px solid rgba(0,0,0,0.1); scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.5) transparent;">
   
    <div style="position: sticky; top: 0; background-color: #F40000; padding: 15px 5px; text-align: center; z-index: 2; border-bottom: 1px solid rgba(255,255,255,0.2);">
                    <h3 style="margin: 0; font-size: 18px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); font-weight: bold;">DPS</h3>
                </div>
                <div style="padding: 20px; display: flex; flex-direction: column; align-items: center; gap: 15px;">
                    [[Arquivo:Enel_card.png|300x300px|center|link=https://wiki.gla.com.br/index.php/Enel]]
                    [[Arquivo:Card-shanks.png|300x300px|center|link=https://wiki.gla.com.br/index.php/Shanks]]
                    [[Arquivo:Card-niji.png|300x300px|center|link=https://wiki.gla.com.br/index.php/Niji]]
                </div>
            </div>
</div>
<!----><!----><!----><!----><!--BOTÃO COM SCROLL SUPORTE-->
<div style="flex: 1; min-width: 280px; max-width: 400px;">
        <div style="background-color: #6AA939; height: 450px; border-radius: 20px; position: relative; box-shadow: inset -10px 0px 15px rgba(0,0,0,0.1); overflow-y: auto; border: 1px solid rgba(0,0,0,0.1); scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.5) transparent;">
   
    <div style="position: sticky; top: 0; background-color: #46C001; padding: 15px 5px; text-align: center; z-index: 2; border-bottom: 1px solid rgba(255,255,255,0.2);">
                    <h3 style="margin: 0; font-size: 18px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); font-weight: bold;">SUPORTE</h3>
                </div>
                <div style="padding: 20px; display: flex; flex-direction: column; align-items: center; gap: 15px;">
                    [[Arquivo:Card-ivankov.png|300x300px|center|link=https://wiki.gla.com.br/index.php/Ivankov]]
                    [[Arquivo:Card-chopper.png|300x300px|center|link=https://wiki.gla.com.br/index.php/Chopper]]
                    [[Arquivo:Moria_card.png|300x300px|center|link=https://wiki.gla.com.br/index.php/Gecko_Moria]]
                </div>
            </div>
</div>
     </div>
     </div>
</div>
     </tabber>
     </tabber>
</div>
</div>

Edição atual tal como às 20h34min de 21 de abril de 2026
Boss
Informações
               * Dica 1: Use tal elemento.
               * Dica 2: Cuidado com a fase 2.
Suichoku-Icon.png
Suihei-Icon.png
Chi wo Hau Zangeki-Icon.png
Mihakw-Dash-Icon.png
Kokuto Issen-Icon.png
Taka No Me-Icon.png
Kokuto Kogetsu-Icon.png
Kokuto Arahoshi-Icon.png
Black Sword Yoru (Passiva)-Icon.png

Fase 1
Explicação da fase aqui...
Fase 2
Explicação da fase aqui...
Disponível em “https://wiki.gla.com.br/index.php?title=Usuário:Edynhooo&oldid=46373”