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

De Wiki Gla
Ir para navegação Ir para pesquisar
 
(2 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div style="text-align: center; padding: 20px 0; font-family: Arial, sans-serif;">
<div style="text-align: center; padding: 20px 0; font-family: Arial, sans-serif;">
     <!-- Bem-vindo -->
     <!-- 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;">
             Seja bem-vindo à Wiki <a href="https://grandlineadventures.com/" target="_blank">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;">
             Sinta-se à vontade para contribuir. Se tiver sugestões ou dúvidas, acesse os canais
             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/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.com/channels/390234650590576650/1172597160785760296" target="_blank">#💡| reports-wiki</a> no Discord oficial.
         </p>
         </p>
    </div>
        <!-- Redes sociais alinhadas horizontalmente -->
    <!-- Redes sociais -->
        <div style="margin-top: 15px; display: flex; gap: 15px;">
    <div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;">
            <a href="https://discord.gg/grandlineadventures" target="_blank" style="color: #5865F2;">
        <a href="https://discord.gg/grandlineadventures" target="_blank">
                <i class="fab fa-discord icon" style="font-size: 2rem;"></i>
            <i class="fab fa-discord icon" style="font-size: 2rem;"></i>
            </a>
        </a>
            <a href="https://facebook.com/grandlineadventures" target="_blank" style="color: #1877F2;">
        <a href="https://facebook.com/grandlineadventures" target="_blank">
                <i class="fab fa-facebook-square icon" style="font-size: 2rem;"></i>
            <i class="fab fa-facebook-square icon" style="font-size: 2rem;"></i>
            </a>
        </a>
            <a href="https://www.instagram.com/grandlineadventures" target="_blank" style="color: #E1306C;">
        <a href="https://www.instagram.com/grandlineadventures" target="_blank">
                <i class="fab fa-instagram icon" style="font-size: 2rem;"></i>
            <i class="fab fa-instagram icon" style="font-size: 2rem;"></i>
            </a>
        </a>
            <a href="https://youtube.com/grandlineadventures" target="_blank" style="color: #FF0000;">
        <a href="https://youtube.com/grandlineadventures" target="_blank">
                <i class="fab fa-youtube icon" style="font-size: 2rem;"></i>
            <i class="fab fa-youtube icon" style="font-size: 2rem;"></i>
            </a>
        </a>
            <a href="https://twitch.tv/grandlineadventures" target="_blank" style="color: #9146FF;">
        <a href="https://twitch.tv/grandlineadventures" target="_blank">
                <i class="fab fa-twitch icon" style="font-size: 2rem;"></i>
            <i class="fab fa-twitch icon" style="font-size: 2rem;"></i>
            </a>
        </a>
            <a href="https://www.tiktok.com/@grandlineadventures" target="_blank" style="color: #000000;">
        <a href="https://www.tiktok.com/@grandlineadventures" target="_blank">
                <i class="fab fa-tiktok icon" style="font-size: 2rem;"></i>
            <i class="fab fa-tiktok icon" style="font-size: 2rem;"></i>
            </a>
        </a>
         </div>
         <a href="https://grandlineadventures.com/pt/#download" target="_blank">
            <i class="fas fa-download icon" style="font-size: 2rem;"></i>
        </a>
     </div>
     </div>
</div>
</div>
Linha 39: Linha 37:
<style>
<style>
     .icon {
     .icon {
         transition: color 0.3s ease;
         transition: transform 0.3s ease;
     }
     }


     a:hover .icon {
     a:hover .icon {
         color: #5865F2; /* Default hover color */
         transform: scale(1.2);
    }
 
    /* Custom colors for specific icons */
    a[href*="facebook"]:hover .icon {
        color: #1877F2;
    }
 
    a[href*="tiktok"]:hover .icon {
        color: #000000;
    }
 
    a[href*="instagram"]:hover .icon {
        color: #E1306C;
    }
 
    a[href*="twitch"]:hover .icon {
        color: #9146FF;
    }
 
    a[href*="youtube"]:hover .icon {
        color: #FF0000;
    }
 
    a[href*="download"]:hover .icon {
        color: #4CAF50;
     }
     }
</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”