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: 36px; color: #5865F2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
         style="margin: 0 25px; font-size: 34px; 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: 36px; color: #4267B2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
         style="margin: 0 25px; font-size: 34px; 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: 36px; color: #E4405F; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
         style="margin: 0 25px; font-size: 34px; 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"></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: 36px; color: #010101; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
         style="margin: 0 25px; font-size: 34px; 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://twitch.tv/seulink" 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;">
         style="margin: 0 25px; font-size: 34px; color: #9146FF; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s 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: 36px; color: #333; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
         style="margin: 0 25px; font-size: 34px; 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:hover .fab.fa-discord,
    a .fab,
     a:hover .fab.fa-facebook,
    a .fas {
     a:hover .fab.fa-instagram,
        line-height: 1; /* Ajusta o alinhamento */
     a:hover .fab.fa-tiktok,
    }
     a:hover .fab.fa-twitch,
 
     a:hover .fab.fa-discord {
        color: #7289DA; /* Azul oficial do Discord */
        transform: scale(1.05);
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    }
 
     a:hover .fab.fa-facebook {
        color: #1877F2; /* Azul oficial do Facebook */
        transform: scale(1.05);
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    }
 
     a:hover .fab.fa-instagram {
        color: #C13584; /* Rosa oficial do Instagram */
        transform: scale(1.05);
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    }
 
     a:hover .fab.fa-tiktok {
        color: #69C9D0; /* Azul oficial do TikTok */
        transform: scale(1.05);
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    }
 
     a:hover .fab.fa-twitch {
        color: #9146FF; /* Roxo oficial do Twitch */
        transform: scale(1.05);
        filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    }
 
     a:hover .fas.fa-download {
     a:hover .fas.fa-download {
         color: currentColor; /* Mantém a cor do ícone */
         color: #000000; /* Preto para o download */
         transform: scale(1.05); /* Aumento leve */
         transform: scale(1.05);
         filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); /* Sombra arredondada natural */
         filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
     }
     }
</style>
</style>

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

   <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, color 0.3s ease, filter 0.3s ease;">
       
   </a>
   <a href="https://www.facebook.com/grandlineadventures" target="_blank"
       style="margin: 0 25px; font-size: 34px; 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: 34px; 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: 34px; 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://twitch.tv/seulink" target="_blank"
       style="margin: 0 25px; font-size: 34px; color: #9146FF; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease, filter 0.3s ease;">
       
   </a>
   <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, color 0.3s ease, filter 0.3s ease;">
       
   </a>

<style>

   a .fab,
   a .fas {
       line-height: 1; /* Ajusta o alinhamento */
   }
   a:hover .fab.fa-discord {
       color: #7289DA; /* Azul oficial do Discord */
       transform: scale(1.05);
       filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
   }
   a:hover .fab.fa-facebook {
       color: #1877F2; /* Azul oficial do Facebook */
       transform: scale(1.05);
       filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
   }
   a:hover .fab.fa-instagram {
       color: #C13584; /* Rosa oficial do Instagram */
       transform: scale(1.05);
       filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
   }
   a:hover .fab.fa-tiktok {
       color: #69C9D0; /* Azul oficial do TikTok */
       transform: scale(1.05);
       filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
   }
   a:hover .fab.fa-twitch {
       color: #9146FF; /* Roxo oficial do Twitch */
       transform: scale(1.05);
       filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
   }
   a:hover .fas.fa-download {
       color: #000000; /* Preto para o download */
       transform: scale(1.05);
       filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
   }

</style>