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

De Wiki Gla
Ir para navegação Ir para pesquisar
 
(3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div style="text-align: center; font-family: Arial, sans-serif; padding: 20px 0;">
<div style="text-align: center; padding: 20px 0; font-family: Arial, sans-serif;">
     <!-- Boas-vindas -->
     <!-- Bem-vindo e Redes sociais integrados -->
     <div style="margin-bottom: 20px;">
     <div style="display: flex; flex-direction: column; align-items: center;">
        <!-- Texto de boas-vindas -->
         <h1 style="font-size: 1.8rem; font-weight: bold; margin: 0;">
         <h1 style="font-size: 1.8rem; font-weight: bold; margin: 0;">
             Bem-vindo(a) à Wiki <a href="https://grandlineadventures.com/" target="_blank" style="text-decoration: none; color: #0078D7;">Grand Line Adventures</a>
             Seja bem-vindo à Wiki <a href="https://grandlineadventures.com/" target="_blank">Grand Line Adventures</a>
         </h1>
         </h1>
         <p style="font-size: 0.9rem; color: #555; margin-top: 10px;">
         <p style="font-size: 0.9rem; color: #555; margin: 10px 0;">
             Descubra guias, eventos e tudo sobre o universo GLA. Para dúvidas ou sugestões, acesse os canais no
             Sinta-se à vontade para contribuir. Se tiver sugestões ou dúvidas, acesse os canais
             <a href="https://discord.gg/grandlineadventures" target="_blank" style="text-decoration: none; color: #5865F2;">Discord</a>.
             <a href="https://discord.com/channels/390234650590576650/1172596642009075762" target="_blank">#💡| sugestões-wiki</a> ou
            <a href="https://discord.com/channels/390234650590576650/1172597160785760296" target="_blank">#💡| reports-wiki</a> no Discord oficial.
         </p>
         </p>
    </div>
        <!-- Redes sociais alinhadas horizontalmente -->
   
        <div style="margin-top: 15px; display: flex; gap: 15px;">
    <!-- Redes sociais com hover -->
            <a href="https://discord.gg/grandlineadventures" target="_blank" style="color: #5865F2;">
    <div style="margin-top: 20px; display: flex; justify-content: center; gap: 15px;">
                <i class="fab fa-discord icon" style="font-size: 2rem;"></i>
        <a href="https://discord.gg/grandlineadventures" target="_blank" style="color: #5865F2;" class="social-icon">
            </a>
            <i class="fab fa-discord" style="font-size: 2rem;"></i>
            <a href="https://facebook.com/grandlineadventures" target="_blank" style="color: #1877F2;">
        </a>
                <i class="fab fa-facebook-square icon" style="font-size: 2rem;"></i>
        <a href="https://facebook.com/grandlineadventures" target="_blank" style="color: #1877F2;" class="social-icon">
            </a>
            <i class="fab fa-facebook-square" style="font-size: 2rem;"></i>
            <a href="https://www.instagram.com/grandlineadventures" target="_blank" style="color: #E1306C;">
        </a>
                <i class="fab fa-instagram icon" style="font-size: 2rem;"></i>
        <a href="https://www.instagram.com/grandlineadventures" target="_blank" style="color: #E1306C;" class="social-icon">
            </a>
            <i class="fab fa-instagram" style="font-size: 2rem;"></i>
            <a href="https://youtube.com/grandlineadventures" target="_blank" style="color: #FF0000;">
        </a>
                <i class="fab fa-youtube icon" style="font-size: 2rem;"></i>
        <a href="https://youtube.com/grandlineadventures" target="_blank" style="color: #FF0000;" class="social-icon">
            </a>
            <i class="fab fa-youtube" style="font-size: 2rem;"></i>
            <a href="https://twitch.tv/grandlineadventures" target="_blank" style="color: #9146FF;">
        </a>
                <i class="fab fa-twitch icon" style="font-size: 2rem;"></i>
        <a href="https://twitch.tv/grandlineadventures" target="_blank" style="color: #9146FF;" class="social-icon">
            </a>
            <i class="fab fa-twitch" style="font-size: 2rem;"></i>
            <a href="https://www.tiktok.com/@grandlineadventures" target="_blank" style="color: #000000;">
        </a>
                <i class="fab fa-tiktok icon" style="font-size: 2rem;"></i>
        <a href="https://www.tiktok.com/@grandlineadventures" target="_blank" style="color: #000000;" class="social-icon">
            </a>
            <i class="fab fa-tiktok" style="font-size: 2rem;"></i>
         </div>
         </a>
     </div>
     </div>
</div>
</div>


<style>
<style>
     .social-icon {
     .icon {
         transition: color 0.3s ease;
         transition: transform 0.3s ease;
    }
 
    /* Hover effects */
    .social-icon:hover {
        color: #4CAF50; /* Cor de hover padrão */
    }
 
    .social-icon[href*="discord"]:hover {
        color: #5865F2; /* Discord */
    }
 
    .social-icon[href*="facebook"]:hover {
        color: #1877F2; /* Facebook */
    }
 
    .social-icon[href*="instagram"]:hover {
        color: #E1306C; /* Instagram */
    }
 
    .social-icon[href*="youtube"]:hover {
        color: #FF0000; /* YouTube */
    }
 
    .social-icon[href*="twitch"]:hover {
        color: #9146FF; /* Twitch */
     }
     }


     .social-icon[href*="tiktok"]:hover {
     a:hover .icon {
         color: #000000; /* TikTok */
         transform: scale(1.2);
     }
     }
</style>
</style>

Edição atual tal como às 01h28min de 22 de janeiro de 2025

Seja bem-vindo à Wiki <a href="https://grandlineadventures.com/" target="_blank">Grand Line Adventures</a>

Sinta-se à vontade para contribuir. Se tiver sugestões ou dúvidas, acesse os canais <a href="https://discord.com/channels/390234650590576650/1172596642009075762" target="_blank">#💡| sugestões-wiki</a> ou <a href="https://discord.com/channels/390234650590576650/1172597160785760296" target="_blank">#💡| reports-wiki</a> no Discord oficial. 

           <a href="https://discord.gg/grandlineadventures" target="_blank" style="color: #5865F2;">
               
           </a>
           <a href="https://facebook.com/grandlineadventures" target="_blank" style="color: #1877F2;">
               
           </a>
           <a href="https://www.instagram.com/grandlineadventures" target="_blank" style="color: #E1306C;">
               
           </a>
           <a href="https://youtube.com/grandlineadventures" target="_blank" style="color: #FF0000;">
               
           </a>
           <a href="https://twitch.tv/grandlineadventures" target="_blank" style="color: #9146FF;">
               
           </a>
           <a href="https://www.tiktok.com/@grandlineadventures" target="_blank" style="color: #000000;">
               
           </a>

<style> 

   .icon {
       transition: transform 0.3s ease;
   }

   a:hover .icon {
       transform: scale(1.2);
   }

</style>

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