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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<div style="text-align: center; margin-top: 20px;">
<div style="text-align: center; margin-top: 20px;">
     <a href="https://discord.gg/grandlineadventures" target="_blank"
     <a href="https://discord.gg/grandlineadventures" target="_blank"
         style="margin: 0 25px; font-size: 34px; color: #5865F2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, filter 0.3s ease;">
         style="margin: 0 25px; font-size: 36px; color: #5865F2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
         <i class="fab fa-discord"></i>
         <i class="fab fa-discord"></i>
     </a>
     </a>
     <a href="https://www.facebook.com/grandlineadventures" target="_blank"
     <a href="https://www.facebook.com/grandlineadventures" target="_blank"
         style="margin: 0 25px; font-size: 34px; color: #1877F2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, filter 0.3s ease;">
         style="margin: 0 25px; font-size: 36px; color: #4267B2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
         <i class="fab fa-facebook"></i>
         <i class="fab fa-facebook"></i>
     </a>
     </a>
     <a href="https://www.instagram.com/grandlineadventures/" target="_blank"
     <a href="https://www.instagram.com/grandlineadventures/" target="_blank"
         style="margin: 0 25px; font-size: 34px; text-decoration: none; display: inline-block; transition: transform 0.3s ease, filter 0.3s ease;">
         style="margin: 0 25px; font-size: 36px; color: #E4405F; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
         <i class="fab fa-instagram" style="background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); -webkit-background-clip: text; color: transparent;"></i>
         <i class="fab fa-instagram"></i>
     </a>
     </a>
     <a href="https://www.tiktok.com/@grandlineadventures" target="_blank"
     <a href="https://www.tiktok.com/@grandlineadventures" target="_blank"
         style="margin: 0 25px; font-size: 34px; color: #69C9D0; text-decoration: none; display: inline-block; transition: transform 0.3s ease, filter 0.3s ease;">
         style="margin: 0 25px; font-size: 36px; color: #010101; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
         <i class="fab fa-tiktok"></i>
         <i class="fab fa-tiktok"></i>
     </a>
     </a>
     <a href="https://twitch.tv/seulink" target="_blank"
     <a href="https://www.twitch.tv/grandlineadventures" target="_blank"
         style="margin: 0 25px; font-size: 34px; color: #9146FF; text-decoration: none; display: inline-block; transition: transform 0.3s ease, filter 0.3s ease;">
         style="margin: 0 20px; font-size: 36px; color: #9146FF; text-decoration: none; display: inline-block; transition: transform 0.2s ease, color 0.2s ease, filter 0.2s ease;">
         <i class="fab fa-twitch"></i>
         <i class="fab fa-twitch"></i>
     </a>
     </a>
     <a href="https://grandlineadventures.com/#download" target="_blank"
     <a href="https://grandlineadventures.com/#download" target="_blank"
         style="margin: 0 25px; font-size: 34px; color: #333; text-decoration: none; display: inline-block; transition: transform 0.3s ease, filter 0.3s ease;">
         style="margin: 0 25px; font-size: 36px; color: #333; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
         <i class="fas fa-download"></i>
         <i class="fas fa-download"></i>
     </a>
     </a>
</div>
</div>
<style>
<style>
    a .fab,
     a:hover .fab.fa-discord,
    a .fas {
     a:hover .fab.fa-facebook,
        line-height: 1;
     a:hover .fab.fa-instagram,
    }
     a:hover .fab.fa-tiktok,
 
     a:hover .fab.fa-twitch,
     a:hover .fab.fa-discord {
        color: #7289DA; /* Azul oficial do Discord */
        transform: scale(1.1);
        filter: drop-shadow(0 5px 8px rgba(114, 137, 218, 0.4)); /* Sombra azul */
    }
 
     a:hover .fab.fa-facebook {
        color: #1877F2; /* Azul oficial do Facebook */
        transform: scale(1.1);
        filter: drop-shadow(0 5px 8px rgba(24, 119, 242, 0.4)); /* Sombra azul */
    }
 
     a:hover .fab.fa-instagram {
        transform: scale(1.1);
        filter: drop-shadow(0 5px 8px rgba(204, 35, 102, 0.4)); /* Sombra rosada */
    }
 
     a:hover .fab.fa-tiktok {
        color: #69C9D0; /* Azul oficial do TikTok */
        transform: scale(1.1);
        filter: drop-shadow(0 5px 8px rgba(105, 201, 208, 0.4)); /* Sombra azul claro */
    }
 
     a:hover .fab.fa-twitch {
        color: #9146FF; /* Roxo oficial do Twitch */
        transform: scale(1.1);
        filter: drop-shadow(0 5px 8px rgba(145, 70, 255, 0.4)); /* Sombra roxa */
    }
 
     a:hover .fas.fa-download {
     a:hover .fas.fa-download {
         color: #000000; /* Preto para o download */
         color: currentColor; /* Mantém a cor do ícone */
         transform: scale(1.1);
         transform: scale(1.05); /* Aumento leve */
         filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.4)); /* Sombra preta */
         filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); /* Sombra arredondada natural */
     }
     }
</style>
</style>

Edição das 02h28min de 26 de dezembro de 2024

   <a href="https://discord.gg/grandlineadventures" target="_blank"
       style="margin: 0 25px; font-size: 36px; color: #5865F2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>
   <a href="https://www.facebook.com/grandlineadventures" target="_blank"
       style="margin: 0 25px; font-size: 36px; color: #4267B2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>
   <a href="https://www.instagram.com/grandlineadventures/" target="_blank"
       style="margin: 0 25px; font-size: 36px; color: #E4405F; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>
   <a href="https://www.tiktok.com/@grandlineadventures" target="_blank"
       style="margin: 0 25px; font-size: 36px; color: #010101; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>
   <a href="https://www.twitch.tv/grandlineadventures" target="_blank"
       style="margin: 0 20px; font-size: 36px; color: #9146FF; text-decoration: none; display: inline-block; transition: transform 0.2s ease, color 0.2s ease, filter 0.2s ease;">
       
   </a>
   <a href="https://grandlineadventures.com/#download" target="_blank"
       style="margin: 0 25px; font-size: 36px; color: #333; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>

<style> 

   a:hover .fab.fa-discord,
   a:hover .fab.fa-facebook,
   a:hover .fab.fa-instagram,
   a:hover .fab.fa-tiktok,
   a:hover .fab.fa-twitch,
   a:hover .fas.fa-download {
       color: currentColor; /* Mantém a cor do ícone */
       transform: scale(1.05); /* Aumento leve */
       filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); /* Sombra arredondada natural */
   }

</style>

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