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/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #5865F2; text-decoration: none; display: inline-block; transition: transform 0.2s ease-out, color 0.2s ease-out;">
   <a href="https://discord.gg/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #5865F2; text-decoration: none; display: inline-block; transition: background 0.5s ease, color 0.5s ease;">
     <i class="fab fa-discord"></i>
     <i class="fab fa-discord" style="padding: 10px; border-radius: 50%; transition: background 0.5s ease;"></i>
   </a>
   </a>
   <a href="https://facebook.com/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #4267B2; text-decoration: none; display: inline-block; transition: transform 0.2s ease-out, color 0.2s ease-out;">
   <a href="https://facebook.com/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #4267B2; text-decoration: none; display: inline-block; transition: background 0.5s ease, color 0.5s ease;">
     <i class="fab fa-facebook"></i>
     <i class="fab fa-facebook" style="padding: 10px; border-radius: 50%; transition: background 0.5s ease;"></i>
   </a>
   </a>
   <a href="https://instagram.com/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #E4405F; text-decoration: none; display: inline-block; transition: transform 0.2s ease-out, color 0.2s ease-out;">
   <a href="https://instagram.com/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #E4405F; text-decoration: none; display: inline-block; transition: background 0.5s ease, color 0.5s ease;">
     <i class="fab fa-instagram"></i>
     <i class="fab fa-instagram" style="padding: 10px; border-radius: 50%; transition: background 0.5s ease;"></i>
   </a>
   </a>
   <a href="https://grandlineadventures.com/download" target="_blank" style="margin: 0 20px; font-size: 32px; color: #333; text-decoration: none; display: inline-block; transition: transform 0.2s ease-out, color 0.2s ease-out;">
   <a href="https://grandlineadventures.com/download" target="_blank" style="margin: 0 20px; font-size: 32px; color: #333; text-decoration: none; display: inline-block; transition: background 0.5s ease, color 0.5s ease;">
     <i class="fas fa-download"></i>
     <i class="fas fa-download" style="padding: 10px; border-radius: 50%; transition: background 0.5s ease;"></i>
   </a>
   </a>
</div>
</div>
<style>
<style>
   a:hover .fab.fa-discord { color: #7289DA; transform: scale(1.1); } /* Aumento mais sutil */
   a:hover .fab.fa-discord {
   a:hover .fab.fa-facebook { color: #1877F2; transform: scale(1.1); }
    color: white;
   a:hover .fab.fa-instagram { color: #C13584; transform: scale(1.1); }
    background: linear-gradient(135deg, #7289DA, #5865F2);
   a:hover .fas.fa-download { color: #000; transform: scale(1.1); }
  }
   a:hover .fab.fa-facebook {
    color: white;
    background: linear-gradient(135deg, #1877F2, #4267B2);
  }
   a:hover .fab.fa-instagram {
    color: white;
    background: linear-gradient(135deg, #F09433, #E6683C, #C13584, #833AB4);
  }
   a:hover .fas.fa-download {
    color: white;
    background: linear-gradient(135deg, #333, #000);
  }
</style>
</style>

Edição das 17h52min de 25 de dezembro de 2024

 <a href="https://discord.gg/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #5865F2; text-decoration: none; display: inline-block; transition: background 0.5s ease, color 0.5s ease;">
   
 </a>
 <a href="https://facebook.com/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #4267B2; text-decoration: none; display: inline-block; transition: background 0.5s ease, color 0.5s ease;">
   
 </a>
 <a href="https://instagram.com/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #E4405F; text-decoration: none; display: inline-block; transition: background 0.5s ease, color 0.5s ease;">
   
 </a>
 <a href="https://grandlineadventures.com/download" target="_blank" style="margin: 0 20px; font-size: 32px; color: #333; text-decoration: none; display: inline-block; transition: background 0.5s ease, color 0.5s ease;">
   
 </a>

<style>

 a:hover .fab.fa-discord {
   color: white;
   background: linear-gradient(135deg, #7289DA, #5865F2);
 }
 a:hover .fab.fa-facebook {
   color: white;
   background: linear-gradient(135deg, #1877F2, #4267B2);
 }
 a:hover .fab.fa-instagram {
   color: white;
   background: linear-gradient(135deg, #F09433, #E6683C, #C13584, #833AB4);
 }
 a:hover .fas.fa-download {
   color: white;
   background: linear-gradient(135deg, #333, #000);
 }

</style>