Widget:Droflax

   <button class="tab-button active" data-tab="tab-skills">Habilidades</button>
   <button class="tab-button" data-tab="tab-skins">Skins</button>

     Predefinição:Persona

     Predefinição:Skins

<script> (function() {

 const buttons = document.querySelectorAll('.tab-button');
 const panes = document.querySelectorAll('.tab-pane');

 buttons.forEach(button => {
   button.addEventListener('click', () => {
     const target = button.dataset.tab;

     buttons.forEach(btn => btn.classList.remove('active'));
     panes.forEach(pane => pane.classList.remove('active'));

     button.classList.add('active');
     document.getElementById(target).classList.add('active');
   });
 });

})(); </script>