Mudanças entre as edições de "Widget:Teste2"

De Wiki Gla
Ir para navegação Ir para pesquisar
Etiqueta: Revertido
m
 
(10 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div class="infobox-skill-icons">
  <img src="https://i.imgur.com/zLCkdGz.png" class="infobox-skill-icon active" data-skill-id="1">
  <img src="https://i.imgur.com/zLCkdGz.png" class="infobox-skill-icon" data-skill-id="2">
</div>
<div class="infobox-skill-tab active" data-skill-id="1">
  <b>Habilidade 1</b><br>
  <video controls class="infobox-skill-video">
    <source src="https://cdn.glavids.com/skill1.mp4" type="video/mp4">
  </video>
</div>
<div class="infobox-skill-tab" data-skill-id="2">
  <b>Habilidade 2</b><br>
  <video controls class="infobox-skill-video">
    <source src="https://cdn.glavids.com/skill2.mp4" type="video/mp4">
  </video>
</div>
<style>
<style>
.infobox-skill-icon {
body::before {
  width: 32px;
content: '';
  height: 32px;
position: fixed;
  opacity: 0.6;
top: 0;
  cursor: pointer;
left: 0;
}
width: 100%;
.infobox-skill-icon.active {
height: 100vh;
   opacity: 1;
background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat;
}
filter: brightness(0.6);
.infobox-skill-tab {
    
  display: none;
background-attachment: fixed;
}
background-position: center;
.infobox-skill-tab.active {
background-repeat: no-repeat;
  display: block;
background-size: cover;
z-index: -1;
}
}
</style>
</style>
<script>
mw.hook('wikipage.content').add(function ($content) {
  const icons = $content.find('.infobox-skill-icon');
  const tabs = $content.find('.infobox-skill-tab');
  icons.on('click', function () {
    const id = $(this).data('skill-id');
    icons.removeClass('active');
    tabs.removeClass('active');
    $(this).addClass('active');
    tabs.filter('[data-skill-id="' + id + '"]').addClass('active');
  });
});
</script>

Edição atual tal como às 23h19min de 29 de agosto de 2025

<style> 

body::before {

content: ; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: url('https://wiki.gla.com.br/images/b/b3/Testefundo.png') no-repeat; filter: brightness(0.6);

background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -1; } </style>

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Teste2&oldid=38360”