Mudanças entre as edições de "Widget:Discord"
Ir para navegação
Ir para pesquisar
| Linha 1: | Linha 1: | ||
<div style="text-align: center; margin-top: | <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 20px; font-size: 37px; color: #5865F2; text-decoration: none; display: inline-block; transition: transform | style="margin: 0 20px; font-size: 37px; color: #5865F2; text-decoration: none; display: inline-block; transition: transform 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 20px; font-size: 36px; color: #1877F2; text-decoration: none; display: inline-block; transition: transform | style="margin: 0 20px; font-size: 36px; color: #1877F2; text-decoration: none; display: inline-block; transition: transform 0.3s ease;"> | ||
<i class="fab fa-facebook"></i> | <i class="fab fa-facebook"></i> | ||
</a> | </a> | ||
| Linha 28: | Linha 28: | ||
a .fab, a .fas { | a .fab, a .fas { | ||
line-height: 1; | line-height: 1; | ||
} | |||
/* Gradiente do TikTok */ | |||
a:hover .fab.fa-tiktok { | |||
transform: scale(1.05); | |||
background: linear-gradient(135deg, #69C9D0 30%, #EE1D52 70%); | |||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
} | } | ||
| Linha 46: | Linha 54: | ||
transform: scale(1.05); | transform: scale(1.05); | ||
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); | background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); | ||
-webkit-background-clip: text; | -webkit-background-clip: text; | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
Edição das 15h38min de 26 de dezembro de 2024
<a href="https://discord.gg/grandlineadventures" target="_blank" style="margin: 0 20px; font-size: 37px; color: #5865F2; text-decoration: none; display: inline-block; transition: transform 0.3s ease;"> </a> <a href="https://www.facebook.com/grandlineadventures" target="_blank" style="margin: 0 20px; font-size: 36px; color: #1877F2; text-decoration: none; display: inline-block; transition: transform 0.3s ease;"> </a> <a href="https://www.instagram.com/grandlineadventures/" target="_blank" style="margin: 0 20px; font-size: 38px; color: #E4405F; text-decoration: none; display: inline-block; transition: transform 0.3s ease, background 0.3s ease;"> </a> <a href="https://www.tiktok.com/@grandlineadventures" target="_blank" style="margin: 0 20px; font-size: 34px; color: #000000; text-decoration: none; display: inline-block; transition: transform 0.3s ease, background 0.3s ease;"> </a> <a href="https://www.twitch.tv/grandlineadventures" target="_blank" style="margin: 0 20px; font-size: 34px; color: #9146FF; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease;"> </a> <a href="https://grandlineadventures.com/#download" target="_blank" style="margin: 0 20px; font-size: 34px; color: #2ecc71; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 0.3s ease;"> </a>
<style>
a .fab, a .fas {
line-height: 1;
}
/* Gradiente do TikTok */
a:hover .fab.fa-tiktok {
transform: scale(1.05);
background: linear-gradient(135deg, #69C9D0 30%, #EE1D52 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Discord com cor padrão */
a:hover .fab.fa-discord {
color: #7289DA !important; /* Azul forte no hover */
transform: scale(1.05);
}
/* Facebook com cor padrão */
a:hover .fab.fa-facebook {
color: #1877F2 !important; /* Azul oficial no hover */
transform: scale(1.05);
}
/* Instagram com gradiente no hover */
a:hover .fab.fa-instagram {
transform: scale(1.05);
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Twitch com cor padrão */
a:hover .fab.fa-twitch {
color: #9146FF !important; /* Roxo oficial no hover */
transform: scale(1.05);
}
/* Download com verde */
a:hover .fas.fa-download {
color: #27ae60 !important; /* Verde mais forte no hover */
transform: scale(1.05);
}
</style>