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

De Wiki Gla
Ir para navegação Ir para pesquisar
Linha 1: Linha 1:
<div style="display: flex; flex-wrap: wrap; gap: 10px;">
<div class="flex-container">
<!-- Coluna maior (esquerda) -->
<!-- Coluna maior -->
<div style="flex: 3; min-width: 300px; padding: 0;">
<div class="coluna-maior">
<!-- Widgets em uma linha -->
<div class="widgets-linha">
<div style="display: flex; gap: 10px; margin-bottom: 15px;">
<div class="box widget">
<div style="flex: 1; padding: 10px; background-color: #ffffff; border: 1px solid #ccc;">
<h3>Widget 1</h3>
<h3>Widget 1</h3>
<p>Conteúdo do widget 1...</p>
<p>Conteúdo do widget 1...</p>
</div>
</div>
<div style="flex: 1; padding: 10px; background-color: #ffffff; border: 1px solid #ccc;">
<div class="box widget">
<h3>Widget 2</h3>
<h3>Widget 2</h3>
<p>Conteúdo do widget 2...</p>
<p>Conteúdo do widget 2...</p>
</div>
</div>
<div style="flex: 1; padding: 10px; background-color: #ffffff; border: 1px solid #ccc;">
<div class="box widget">
<h3>Widget 3</h3>
<h3>Widget 3</h3>
<p>Conteúdo do widget 3...</p>
<p>Conteúdo do widget 3...</p>
</div>
</div>
</div>
</div>
 
<div class="box">
<!-- Menu -->
<div style="margin-bottom: 15px; padding: 10px; background-color: #ffffff; border: 1px solid #ccc;">
<h3>Menu</h3>
<h3>Menu</h3>
<p>Itens do menu...</p>
<p>Itens do menu...</p>
</div>
</div>
 
<div class="box">
<!-- Índice -->
<div style="padding: 10px; background-color: #ffffff; border: 1px solid #ccc;">
<h3>Índice</h3>
<h3>Índice</h3>
<p>Lista de seções...</p>
<p>Lista de seções...</p>
Linha 31: Linha 26:
</div>
</div>


<!-- Coluna menor (direita) -->
<!-- Coluna menor -->
<div style="flex: 1; min-width: 200px; padding: 0;">
<div class="coluna-menor">
<!-- Informativos -->
<div class="box">
<div style="margin-bottom: 15px; padding: 10px; background-color: #ffffff; border: 1px solid #ccc;">
<h3>Informativos</h3>
<h3>Informativos</h3>
<p>Notícias e atualizações...</p>
<p>Notícias e atualizações...</p>
</div>
</div>
 
<div class="box">
<!-- Destaques -->
<div style="padding: 10px; background-color: #ffffff; border: 1px solid #ccc;">
<h3>Destaques</h3>
<h3>Destaques</h3>
<p>Principais tópicos...</p>
<p>Principais tópicos...</p>
Linha 46: Linha 38:
</div>
</div>
</div>
</div>
__NOTOC__

Edição das 14h54min de 24 de janeiro de 2025

Widget 1

Conteúdo do widget 1...

Widget 2

Conteúdo do widget 2...

Widget 3

Conteúdo do widget 3...

Menu

Itens do menu...

Índice

Lista de seções...

Informativos

Notícias e atualizações...

Destaques

Principais tópicos...