Mudanças entre as edições de "Widget:Discord"

De Wiki Gla
Ir para navegação Ir para pesquisar
(Limpou toda a página)
Etiqueta: anulando
 
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 1: Linha 1:
<div style="text-align: center; margin-top: 0px;">
    <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;">
        <i class="fab fa-discord"></i>
    </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;">
        <i class="fab fa-facebook"></i>
    </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;">
        <i class="fab fa-instagram"></i>
    </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, text-shadow 0.3s ease;">
        <i class="fab fa-tiktok"></i>
    </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;">
        <i class="fab fa-twitch"></i>
    </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;">
        <i class="fas fa-download"></i>
    </a>
</div>
<style>
    a .fab, a .fas {
        line-height: 1;
    }


    /* Efeito TikTok com sombra colorida */
    a .fab.fa-tiktok {
        text-shadow: 2px 2px 5px #69C9D0, -2px -2px 5px #EE1D52; /* Azul e vermelho */
    }
    a:hover .fab.fa-tiktok {
        transform: scale(1.05);
        text-shadow: 4px 4px 10px #69C9D0, -4px -4px 10px #EE1D52; /* Efeito mais forte no hover */
        color: #000000; /* Mantém o preto */
    }
    /* 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>

Edição atual tal como às 11h05min de 22 de janeiro de 2025

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Discord&oldid=28033”