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: | style="margin: 0 25px; font-size: 34px; color: #5865F2; text-decoration: none; display: inline-block; transition: transform 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: | style="margin: 0 25px; font-size: 34px; color: #1877F2; text-decoration: none; display: inline-block; transition: transform 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: | style="margin: 0 25px; font-size: 34px; text-decoration: none; display: inline-block; transition: transform 0.3s ease, filter 0.3s ease;"> | ||
<i class="fab fa-instagram"></i> | <i class="fab fa-instagram" style="background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); -webkit-background-clip: text; color: transparent;"></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: # | style="margin: 0 25px; font-size: 34px; color: #69C9D0; text-decoration: none; display: inline-block; transition: transform 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 25px; font-size: 34px; color: #9146FF; text-decoration: none; display: inline-block; transition: transform | style="margin: 0 25px; font-size: 34px; color: #9146FF; text-decoration: none; display: inline-block; transition: transform 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: 34px; color: #333; text-decoration: none; display: inline-block; transition: transform | style="margin: 0 25px; font-size: 34px; color: #333; text-decoration: none; display: inline-block; transition: transform 0.3s ease, filter 0.3s ease;"> | ||
<i class="fas fa-download"></i> | <i class="fas fa-download"></i> | ||
</a> | </a> | ||
Linha 28: | Linha 29: | ||
a .fab, | a .fab, | ||
a .fas { | a .fas { | ||
line-height: 1; | line-height: 1; | ||
} | } | ||
a:hover .fab.fa-discord { | a:hover .fab.fa-discord { | ||
color: #7289DA; /* Azul oficial do Discord */ | color: #7289DA; /* Azul oficial do Discord */ | ||
transform: scale(1. | transform: scale(1.1); | ||
filter: drop-shadow(0 | filter: drop-shadow(0 5px 8px rgba(114, 137, 218, 0.4)); /* Sombra azul */ | ||
} | } | ||
a:hover .fab.fa-facebook { | a:hover .fab.fa-facebook { | ||
color: #1877F2; /* Azul oficial do Facebook */ | color: #1877F2; /* Azul oficial do Facebook */ | ||
transform: scale(1. | transform: scale(1.1); | ||
filter: drop-shadow(0 | filter: drop-shadow(0 5px 8px rgba(24, 119, 242, 0.4)); /* Sombra azul */ | ||
} | } | ||
a:hover .fab.fa-instagram { | a:hover .fab.fa-instagram { | ||
transform: scale(1.1); | |||
transform: scale(1. | filter: drop-shadow(0 5px 8px rgba(204, 35, 102, 0.4)); /* Sombra rosada */ | ||
filter: drop-shadow(0 | |||
} | } | ||
a:hover .fab.fa-tiktok { | a:hover .fab.fa-tiktok { | ||
color: #69C9D0; /* Azul oficial do TikTok */ | color: #69C9D0; /* Azul oficial do TikTok */ | ||
transform: scale(1. | transform: scale(1.1); | ||
filter: drop-shadow(0 | filter: drop-shadow(0 5px 8px rgba(105, 201, 208, 0.4)); /* Sombra azul claro */ | ||
} | } | ||
a:hover .fab.fa-twitch { | a:hover .fab.fa-twitch { | ||
color: #9146FF; /* Roxo oficial do Twitch */ | color: #9146FF; /* Roxo oficial do Twitch */ | ||
transform: scale(1. | transform: scale(1.1); | ||
filter: drop-shadow(0 | 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: #000000; /* Preto para o download */ | ||
transform: scale(1. | transform: scale(1.1); | ||
filter: drop-shadow(0 | filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.4)); /* Sombra preta */ | ||
} | } | ||
</style> | </style> |
Edição das 02h24min 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, filter 0.3s ease;"> </a> <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;"> </a> <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;"> </a> <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;"> </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, 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, filter 0.3s ease;"> </a>
<style>
a .fab, a .fas { line-height: 1; }
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 { color: #000000; /* Preto para o download */ transform: scale(1.1); filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.4)); /* Sombra preta */ }
</style>