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

De Wiki Gla
Ir para navegação Ir para pesquisar
 
Linha 1: Linha 1:
/* --- WRAPPER --- */
<!-- TOGGLE DE ARMA -->
.weapon-toggle-wrapper {
<div class="weapon-toggle-wrapper">
   display: flex;
   <label class="weapon-switch">
  align-items: center;
    <input type="checkbox" id="weaponToggle" onchange="toggleWeaponSkills()">
  gap: 10px;
    <span class="weapon-slider"></span>
  margin: 15px 0;
   </label>
   font-size: 16px;
   <span id="toggle-label">Sem Arma</span>
   font-weight: bold;
</div>
  color: #fff;
}


/* --- SWITCH --- */
<!-- SKILLS NORMAIS -->
.weapon-switch {
<div id="skills-normal">
  position: relative;
  {{Skill
  display: inline-block;
  |M=1
  width: 55px;
  |icon=missg Icon shiroink.png
   height: 28px;
  |level=1
}
  |energy=
  |powerpve=10
  |powerpvp=10
  |cooldown=2
  |video=missg-shiroink.mp4
   }}


.weapon-switch input {
  {{Skill
   display: none;
  |M=2
}
  |icon=missg Icon waraino.png
  |level=5
  |energy=
  |powerpve=28
  |powerpvp=18
  |cooldown=12
  |video=missg-waraino.mp4
   }}


.weapon-slider {
  <!-- continue com o resto das skills normais... -->
  position: absolute;
</div>
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #555;
  transition: 0.3s;
  border-radius: 34px;
}


.weapon-slider:before {
<!-- SKILLS COM SIGNATURE -->
  position: absolute;
<div id="skills-signature" style="display:none;">
   content: "";
   {{Skill
  height: 22px;
  |M=1
  width: 22px;
  |icon=missg Icon shiroink_signature.png
  left: 3px;
  |level=1
  bottom: 3px;
  |energy=
  background-color: white;
  |powerpve=20
  transition: 0.3s;
  |powerpvp=15
   border-radius: 50%;
  |cooldown=1
}
  |video=missg-shiroink-SIGNATURE.mp4
   }}


/* LIGADO */
  {{Skill
.weapon-switch input:checked + .weapon-slider {
  |M=3
   background-color: #4aa3ff; /* azul bonito */
  |icon=missg Icon cttou_signature.png
}
  |level=12
  |energy=-30
  |powerpve=60
  |powerpvp=40
  |cooldown=15
  |video=missg-cttou-SIGNATURE.mp4
   }}


.weapon-switch input:checked + .weapon-slider:before {
  <!-- só coloque aqui as skills que mudam com a arma -->
  transform: translateX(26px);
</div>
}

Edição atual tal como às 11h57min de 25 de novembro de 2025

 <label class="weapon-switch">
   <input type="checkbox" id="weaponToggle" onchange="toggleWeaponSkills()">
   
 </label>
 Sem Arma

 {"cooldown":"2","name":"","powerpvp":"10","powerpve":"10","level":"1","icon":"missg Icon shiroink.png","video":"missg-shiroink.mp4"}

 {"cooldown":"12","name":"","powerpvp":"18","powerpve":"28","level":"5","icon":"missg Icon waraino.png","video":"missg-waraino.mp4"}
Disponível em “https://wiki.gla.com.br/index.php?title=Usuário:Himmel&oldid=40829”