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

De Wiki Gla
Ir para navegação Ir para pesquisar
m
 
(247 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<div style="display: flex; flex-direction: column; gap: 10px; align-items: center;">
<!-- {{#Widget:3D2Ymap}} -->
  <!-- Banner principal -->
{{#widget:Teste}}
  <div style="background-color: #007bff; width: 100%; text-align: center; padding: 20px; border-radius: 5px; color: white; font-size: 24px; font-weight: bold;">
    Wiki Grand Line Adventures
  </div>
 
  <!-- Linha principal com menu e novidades -->
  <div style="display: flex; gap: 10px; width: 100%;">
    <!-- Coluna principal -->
    <div style="flex: 2; display: flex; flex-direction: column; gap: 10px;">
      <!-- Menu -->
      <div style="background-color: #007bff; padding: 10px; border-radius: 5px; text-align: center; color: white; font-weight: bold;">
        <h3 style="margin: 0;">Mais Acessados</h3>
      </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>
 
    <!-- Coluna de novidades -->
    <div style="flex: 1; display: flex; flex-direction: column; gap: 10px;">
      <div style="background-color: #007bff; padding: 10px; border-radius: 5px; text-align: center; color: white; font-weight: bold;">
        <h3 style="margin: 0;">Novidades</h3>
      </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.01 - Christmas</p>
      </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>

Edição atual tal como às 03h37min de 18 de junho de 2025