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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<div style="text-align: center; font-family: Arial, sans-serif; padding: 20px 0;">
<div style="text-align: center; padding: 20px 0; font-family: Arial, sans-serif;">
     <!-- Boas-vindas -->
     <!-- Bem-vindo -->
     <div style="margin-bottom: 20px;">
     <div style="margin-bottom: 20px;">
         <h1 style="font-size: 1.8rem; font-weight: bold; margin: 0;">
         <h1 style="font-size: 1.8rem; font-weight: bold; margin: 0;">
             Bem-vindo(a) à Wiki <a href="https://grandlineadventures.com/" target="_blank" style="text-decoration: none; color: #0078D7;">Grand Line Adventures</a>
             Seja bem-vindo à Wiki <a href="https://grandlineadventures.com/" target="_blank">Grand Line Adventures</a>
         </h1>
         </h1>
         <p style="font-size: 0.9rem; color: #555; margin-top: 10px;">
         <p style="font-size: 0.9rem; color: #555; margin-top: 10px;">
             Descubra guias, eventos e tudo sobre o universo GLA. Para dúvidas ou sugestões, acesse os canais no
             Sinta-se à vontade para contribuir. Se tiver sugestões ou dúvidas, acesse os canais
             <a href="https://discord.gg/grandlineadventures" target="_blank" style="text-decoration: none; color: #5865F2;">Discord</a>.
             <a href="https://discord.com/channels/390234650590576650/1172596642009075762" target="_blank">#💡| sugestões-wiki</a> ou
            <a href="https://discord.com/channels/390234650590576650/1172597160785760296" target="_blank">#💡| reports-wiki</a> no Discord oficial.
         </p>
         </p>
     </div>
     </div>
   
     <!-- Redes sociais -->
     <!-- Redes sociais com hover -->
     <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
     <div style="margin-top: 20px; display: flex; justify-content: center; gap: 15px;">
         <a href="https://discord.gg/grandlineadventures" target="_blank">
         <a href="https://discord.gg/grandlineadventures" target="_blank" style="color: #5865F2;" class="social-icon">
             <i class="fab fa-discord icon" style="font-size: 2rem;"></i>
             <i class="fab fa-discord" style="font-size: 2rem;"></i>
         </a>
         </a>
         <a href="https://facebook.com/grandlineadventures" target="_blank" style="color: #1877F2;" class="social-icon">
         <a href="https://facebook.com/grandlineadventures" target="_blank">
             <i class="fab fa-facebook-square" style="font-size: 2rem;"></i>
             <i class="fab fa-facebook-square icon" style="font-size: 2rem;"></i>
         </a>
         </a>
         <a href="https://www.instagram.com/grandlineadventures" target="_blank" style="color: #E1306C;" class="social-icon">
         <a href="https://www.instagram.com/grandlineadventures" target="_blank">
             <i class="fab fa-instagram" style="font-size: 2rem;"></i>
             <i class="fab fa-instagram icon" style="font-size: 2rem;"></i>
         </a>
         </a>
         <a href="https://youtube.com/grandlineadventures" target="_blank" style="color: #FF0000;" class="social-icon">
         <a href="https://youtube.com/grandlineadventures" target="_blank">
             <i class="fab fa-youtube" style="font-size: 2rem;"></i>
             <i class="fab fa-youtube icon" style="font-size: 2rem;"></i>
         </a>
         </a>
         <a href="https://twitch.tv/grandlineadventures" target="_blank" style="color: #9146FF;" class="social-icon">
         <a href="https://twitch.tv/grandlineadventures" target="_blank">
             <i class="fab fa-twitch" style="font-size: 2rem;"></i>
             <i class="fab fa-twitch icon" style="font-size: 2rem;"></i>
         </a>
         </a>
         <a href="https://www.tiktok.com/@grandlineadventures" target="_blank" style="color: #000000;" class="social-icon">
         <a href="https://www.tiktok.com/@grandlineadventures" target="_blank">
             <i class="fab fa-tiktok" style="font-size: 2rem;"></i>
            <i class="fab fa-tiktok icon" style="font-size: 2rem;"></i>
        </a>
        <a href="https://grandlineadventures.com/pt/#download" target="_blank">
             <i class="fas fa-download icon" style="font-size: 2rem;"></i>
         </a>
         </a>
     </div>
     </div>
Linha 35: Linha 38:


<style>
<style>
     .social-icon {
     .icon {
         transition: color 0.3s ease;
         transition: color 0.3s ease;
     }
     }


     /* Hover effects */
     a:hover .icon {
    .social-icon:hover {
         color: #5865F2; /* Default hover color */
         color: #4CAF50; /* Cor de hover padrão */
     }
     }


     .social-icon[href*="discord"]:hover {
     /* Custom colors for specific icons */
         color: #5865F2; /* Discord */
    a[href*="facebook"]:hover .icon {
         color: #1877F2;
     }
     }


     .social-icon[href*="facebook"]:hover {
     a[href*="tiktok"]:hover .icon {
         color: #1877F2; /* Facebook */
         color: #000000;
     }
     }


     .social-icon[href*="instagram"]:hover {
     a[href*="instagram"]:hover .icon {
         color: #E1306C; /* Instagram */
         color: #E1306C;
     }
     }


     .social-icon[href*="youtube"]:hover {
     a[href*="twitch"]:hover .icon {
         color: #FF0000; /* YouTube */
         color: #9146FF;
     }
     }


     .social-icon[href*="twitch"]:hover {
     a[href*="youtube"]:hover .icon {
         color: #9146FF; /* Twitch */
         color: #FF0000;
     }
     }


     .social-icon[href*="tiktok"]:hover {
     a[href*="download"]:hover .icon {
         color: #000000; /* TikTok */
         color: #4CAF50;
     }
     }
</style>
</style>

Edição das 01h14min de 22 de janeiro de 2025

Seja bem-vindo à Wiki <a href="https://grandlineadventures.com/" target="_blank">Grand Line Adventures</a>

Sinta-se à vontade para contribuir. Se tiver sugestões ou dúvidas, acesse os canais <a href="https://discord.com/channels/390234650590576650/1172596642009075762" target="_blank">#💡| sugestões-wiki</a> ou <a href="https://discord.com/channels/390234650590576650/1172597160785760296" target="_blank">#💡| reports-wiki</a> no Discord oficial. 

       <a href="https://discord.gg/grandlineadventures" target="_blank">
           
       </a>
       <a href="https://facebook.com/grandlineadventures" target="_blank">
           
       </a>
       <a href="https://www.instagram.com/grandlineadventures" target="_blank">
           
       </a>
       <a href="https://youtube.com/grandlineadventures" target="_blank">
           
       </a>
       <a href="https://twitch.tv/grandlineadventures" target="_blank">
           
       </a>
       <a href="https://www.tiktok.com/@grandlineadventures" target="_blank">
           
       </a>
       <a href="https://grandlineadventures.com/pt/#download" target="_blank">
           
       </a>

<style> 

   .icon {
       transition: color 0.3s ease;
   }

   a:hover .icon {
       color: #5865F2; /* Default hover color */
   }

   /* Custom colors for specific icons */
   a[href*="facebook"]:hover .icon {
       color: #1877F2;
   }

   a[href*="tiktok"]:hover .icon {
       color: #000000;
   }

   a[href*="instagram"]:hover .icon {
       color: #E1306C;
   }

   a[href*="twitch"]:hover .icon {
       color: #9146FF;
   }

   a[href*="youtube"]:hover .icon {
       color: #FF0000;
   }

   a[href*="download"]:hover .icon {
       color: #4CAF50;
   }

</style>

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