Mudanças entre as edições de "Usuário Discussão:Gurren1"

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
__NOTOC__
<div style="display: flex; flex-direction: column; gap: 10px; align-items: center;">
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 10px;">
  <!-- Banner principal -->
<!-- Coluna 1 -->
  <div style="background-color: #007bff; width: 100%; text-align: center; padding: 20px; border-radius: 5px; color: white; font-size: 24px; font-weight: bold;">
<div style="grid-column: 1;">
    Wiki Grand Line Adventures
<h2>Seja bem-vindo!</h2>
  </div>
<p>Explore a wiki para descobrir tudo sobre o Grand Line Adventures. Boa jornada!</p>
</div>
<!-- Coluna 2 -->
<div style="grid-column: 2; text-align: center;">
<!-- Placeholder para ícones das redes sociais -->
(Ícones das redes sociais aqui)
</div>


<!-- Linha 2 -->
  <!-- Linha principal com menu e novidades -->
<div class="homepage-box">
  <div style="display: flex; gap: 10px; width: 100%;">
<h3>Menu</h3>
    <!-- Coluna principal -->
<p>Menu</p>
    <div style="flex: 2; display: flex; flex-direction: column; gap: 10px;">
</div>
      <!-- Menu -->
<div class="homepage-box">
      <div style="background-color: #007bff; padding: 10px; border-radius: 5px; text-align: center; color: white; font-weight: bold;">
<h3>Informativos</h3>
        <h3 style="margin: 0;">Mais Acessados</h3>
<p>Adicione informações importantes para os jogadores, como atualizações ou regras.</p>
      </div>
</div>
      <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;">
        <!-- Itens do menu -->
        <div style="background-color: #1c1c1c; color: white; text-align: center; padding: 15px; border-radius: 5px;">
          <img src="https://via.placeholder.com/100" alt="Icone" style="max-width: 100%; border-radius: 5px;">
          <p>Item 1</p>
        </div>
        <div style="background-color: #1c1c1c; color: white; text-align: center; padding: 15px; border-radius: 5px;">
          <img src="https://via.placeholder.com/100" alt="Icone" style="max-width: 100%; border-radius: 5px;">
          <p>Item 2</p>
        </div>
        <div style="background-color: #1c1c1c; color: white; text-align: center; padding: 15px; border-radius: 5px;">
          <img src="https://via.placeholder.com/100" alt="Icone" style="max-width: 100%; border-radius: 5px;">
          <p>Item 3</p>
        </div>
        <div style="background-color: #1c1c1c; color: white; text-align: center; padding: 15px; border-radius: 5px;">
          <img src="https://via.placeholder.com/100" alt="Icone" style="max-width: 100%; border-radius: 5px;">
          <p>Item 4</p>
        </div>
      </div>
    </div>


<!-- Linha 3 -->
    <!-- Coluna de novidades -->
<div class="homepage-box">
    <div style="flex: 1; display: flex; flex-direction: column; gap: 10px;">
<h3>Índice</h3>
      <div style="background-color: #007bff; padding: 10px; border-radius: 5px; text-align: center; color: white; font-weight: bold;">
<p>Organize aqui os tópicos principais da wiki. Adicione uma lista ou estrutura personalizada.</p>
        <h3 style="margin: 0;">Novidades</h3>
</div>
      </div>
<div class="homepage-box">
      <div style="background-color: #1c1c1c; color: white; padding: 10px; border-radius: 5px;">
<h3>Eventos</h3>
        <img src="https://via.placeholder.com/150" alt="Novidade" style="width: 100%; border-radius: 5px;">
<p>Destacar eventos ativos ou futuros relacionados ao jogo.</p>
        <p>Update 23.01 - Christmas</p>
</div>
      </div>
      <div style="background-color: #1c1c1c; color: white; padding: 10px; border-radius: 5px;">
        <img src="https://via.placeholder.com/150" alt="Novidade" style="width: 100%; border-radius: 5px;">
        <p>Update 23.00 - 14th Anniversary</p>
      </div>
    </div>
  </div>
 
  <!-- Botões Patch Notes e Eventos -->
  <div style="display: flex; justify-content: center; gap: 10px; margin-top: 10px;">
    <button style="background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 5px; font-weight: bold; cursor: pointer;">
      Patch Notes
    </button>
    <button style="background-color: #f39c12; color: white; padding: 10px 20px; border: none; border-radius: 5px; font-weight: bold; cursor: pointer;">
      Eventos Sazonais
    </button>
  </div>
</div>
</div>

Edição das 22h54min de 27 de janeiro de 2025

   Wiki Grand Line Adventures

Mais Acessados

         <img src="https://via.placeholder.com/100" alt="Icone" style="max-width: 100%; border-radius: 5px;">

Item 1

         <img src="https://via.placeholder.com/100" alt="Icone" style="max-width: 100%; border-radius: 5px;">

Item 2

         <img src="https://via.placeholder.com/100" alt="Icone" style="max-width: 100%; border-radius: 5px;">

Item 3

         <img src="https://via.placeholder.com/100" alt="Icone" style="max-width: 100%; border-radius: 5px;">

Item 4

Novidades

       <img src="https://via.placeholder.com/150" alt="Novidade" style="width: 100%; border-radius: 5px;">

Update 23.01 - Christmas

       <img src="https://via.placeholder.com/150" alt="Novidade" style="width: 100%; border-radius: 5px;">

Update 23.00 - 14th Anniversary

   <button style="background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 5px; font-weight: bold; cursor: pointer;">
     Patch Notes
   </button>
   <button style="background-color: #f39c12; color: white; padding: 10px 20px; border: none; border-radius: 5px; font-weight: bold; cursor: pointer;">
     Eventos Sazonais
   </button>