☰

Bet365

Altera estilos, oculta elementos e ajusta fontes em páginas do Bet365

作者
Wandrius Dos Santos Mendes
日安装量
0
总安装量
8
评分
0 0 0
版本
1.7
创建于
2024-08-09
更新于
2024-08-09
大小
3.2 KB
许可证
暂无
适用于

Bet365 - Personalização de Estilos e Ocultação de Elementos

Descrição

Este Userscript é projetado para personalizar a aparência e a experiência do usuário no site Bet365. Ele faz ajustes detalhados no estilo visual dos elementos da página, oculta certos elementos publicitários e ajusta a aparência de textos específicos para melhorar a legibilidade e a estética geral da página.

Funcionalidades

  • Ajustes de Estilo: Modifica propriedades CSS específicas para alterar a aparência de elementos no site.

    • Define o valor de --ml1-scale para 0.78 para ajustar a escala dos elementos.
    • Define --ml1-sceneXRotation e --ml1-sceneYTranslate para ajustar a rotação e o deslocamento dos elementos.
    • Define a cor e a duração da animação.

  • Ocultação de Elementos: Remove elementos específicos da página para uma visualização mais limpa.

    • Oculta anúncios e elementos relacionados à publicidade.
    • Remove elementos como placas publicitárias e estádios do site.

  • Personalização de Texto: Ajusta o estilo de textos específicos para uma melhor legibilidade.

    • Define o tamanho da fonte e a cor dos textos relacionados ao cronômetro do jogo.

Instruções de Uso

  1. Instalação do Userscript:

    • Instale uma extensão de Userscript como Tampermonkey ou Greasemonkey no seu navegador.
    • Crie um novo Userscript e cole o código abaixo no editor de scripts.

  2. Código do Userscript:

    // ==UserScript==
// @name         Bet365
// @namespace    http://tampermonkey.net/
// @version      1.7
// @description  Altera estilos, oculta elementos e ajusta fontes em páginas do Bet365
// @match        https://www.bet365.com/*
// @grant        none
// ==/UserScript==

(function() { 'use strict';

   // Função para aplicar as alterações de estilo e ocultar elementos
   function ajustarEstilosEOcultar() {
       // Ajusta os estilos dos elementos
       const pitchContainers = document.querySelectorAll('.ml1-MatchLiveSoccerModule_PitchContainer');
       pitchContainers.forEach(element => {
           // Aplica o estilo desejado
           element.style.setProperty('--ml1-scale', '0.78');

           // Remove as propriedades indesejadas
           element.style.removeProperty('--ml1-sceneXTranslate');
           element.style.removeProperty('--ml1-sceneYTranslate');
           element.style.removeProperty('--ml1-sceneZAdjustment');
           element.style.removeProperty('--ml1-sceneXAdjustment');
       });

       // Define as novas propriedades no :root
       const root = document.documentElement;
       root.style.setProperty('--ml1-sceneXRotation', 'calc(55deg + var(--ml1-sceneXAdjustment))');
       root.style.setProperty('--ml1-sceneYTranslate', '-30px');
       root.style.setProperty('--ml1-animationOutlineText1', 'hsla(0,0%,100%,1)');
       root.style.setProperty('--ml1-animationOutlineText2', 'hsla(0,0%,100%,1)');
       root.style.setProperty('--ml1-animation-duration', '1s');
       root.style.setProperty('--color-grey00-60p', 'rgb(0 0 0)');

       // Oculta os elementos específicos
       const elementosParaOcultar = [
           '.ml1-AdBoardsSection_LeftBoard',
           '.ml1-AdBoardsSection_CentreBoard',
           '.ml1-AdBoardsSection_TopLeftBoard',
           '.ml1-AdBoardsSection_TopRightBoard',
           '.ml1-AdBoardsSection_RightBoard',
           '.ml1-Stadium'
       ];

       elementosParaOcultar.forEach(selector => {
           const elements = document.querySelectorAll(selector);
           elements.forEach(element => {
               element.style.display = 'none';
           });
       });

       // Aplica os estilos para o texto do relógio e outros elementos
       const adicionarEstilosTexto = () => {
           const style = document.createElement('style');
           style.textContent = `
               .ml1-SoccerClock_AdditionalText,
               .ml1-SoccerClock_Timer {
                   font-size: 15px;
                   line-height: 15px;
                   color: #ffffff;
                   background-color: rgb(0 0 0);
               }
               .ml1-SoccerClock_InjuryTime {
                   font-size: 15px;
                   line-height: 15px;
                   color: #ffffff;
               }
           `;
           document.head.appendChild(style);
       };

       adicionarEstilosTexto();
   }

   // Executa a função quando a página carregar
   window.addEventListener('load', ajustarEstilosEOcultar);

   // Caso a página seja dinâmica e o conteúdo possa mudar, você pode monitorar e aplicar as mudanças repetidamente
   const observer = new MutationObserver(ajustarEstilosEOcultar);
   observer.observe(document.body, { childList: true, subtree: true });

})();