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/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #5865F2; text-decoration: none; display: inline-block; transition: color 0.3s ease, box-shadow 0.3s ease;"> | <a href="https://discord.gg/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #5865F2; text-decoration: none; display: inline-block; transition: color 0.3s ease, box-shadow 0.3s ease;"> | ||
<i class="fab fa-discord" style="padding: | <i class="fab fa-discord" style="padding: 10px; border-radius: 50%; transition: box-shadow 0.3s 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: color 0.3s ease, box-shadow 0.3s ease;"> | <a href="https://facebook.com/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #4267B2; text-decoration: none; display: inline-block; transition: color 0.3s ease, box-shadow 0.3s ease;"> | ||
<i class="fab fa-facebook" style="padding: | <i class="fab fa-facebook" style="padding: 10px; border-radius: 50%; transition: box-shadow 0.3s 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: color 0.3s ease, box-shadow 0.3s ease;"> | <a href="https://instagram.com/seulink" target="_blank" style="margin: 0 20px; font-size: 32px; color: #E4405F; text-decoration: none; display: inline-block; transition: color 0.3s ease, box-shadow 0.3s ease;"> | ||
<i class="fab fa-instagram" style="padding: | <i class="fab fa-instagram" style="padding: 10px; border-radius: 50%; transition: box-shadow 0.3s 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: color 0.3s ease, box-shadow 0.3s ease;"> | <a href="https://grandlineadventures.com/download" target="_blank" style="margin: 0 20px; font-size: 32px; color: #333; text-decoration: none; display: inline-block; transition: color 0.3s ease, box-shadow 0.3s ease;"> | ||
<i class="fas fa-download" style="padding: | <i class="fas fa-download" style="padding: 10px; border-radius: 50%; transition: box-shadow 0.3s ease;"></i> | ||
</a> | </a> | ||
</div> | </div> | ||
<style> | <style> | ||
a:hover .fab.fa-discord, a:hover .fab.fa-facebook, a:hover .fab.fa-instagram, a:hover .fas.fa-download { | a:hover .fab.fa-discord, a:hover .fab.fa-facebook, a:hover .fab.fa-instagram, a:hover .fas.fa-download { | ||
color: white; | color: white; | ||
box-shadow: 0 0 | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.2); | ||
background: currentColor; | background: currentColor; | ||
} | } | ||
</style> | </style> | ||
Edição das 17h53min 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: color 0.3s ease, box-shadow 0.3s 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: color 0.3s ease, box-shadow 0.3s 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: color 0.3s ease, box-shadow 0.3s 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: color 0.3s ease, box-shadow 0.3s ease;"> </a>
<style>
a:hover .fab.fa-discord, a:hover .fab.fa-facebook, a:hover .fab.fa-instagram, a:hover .fas.fa-download {
color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.2);
background: currentColor;
}
</style>