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: 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, | 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: 36px; color: #4267B2; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 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: 36px; color: #E4405F; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 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"></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, | 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://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, | 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: 36px; color: #333; text-decoration: none; display: inline-block; transition: transform 0.3s ease, color 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:hover .fab.fa-discord | 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 .fab.fa-facebook | |||
a:hover .fab.fa-instagram | |||
a:hover .fab.fa-tiktok | |||
a:hover .fab.fa-twitch | |||
a:hover .fas.fa-download { | a:hover .fas.fa-download { | ||
color: | color: currentColor; /* Mantém a cor do ícone */ | ||
transform: scale(1.05); | transform: scale(1.05); /* Aumento leve */ | ||
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); /* Sombra arredondada natural */ | |||
} | } | ||
</style> | </style> | ||
Edição das 02h04min 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://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;"> </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>