Mudanças entre as edições de "Usuário:Gurren1"
Ir para navegação
Ir para pesquisar
| Linha 1: | Linha 1: | ||
<!-- Estrutura da Tabela Principal --> | <!-- Estrutura da Tabela Principal --> | ||
<div class="homepage-table" style="width: 100% | <div class="homepage-table" style="width: 100%; display: table;"> | ||
<div class="homepage-tbody" style="display: table-row-group;"> | <div class="homepage-tbody" style="display: table-row-group;"> | ||
<div class="homepage-row" style="display: table-row;"> | <div class="homepage-row" style="display: table-row;"> | ||
<!-- Coluna Menu --> | <!-- Coluna Menu (70% de largura) --> | ||
<div class="menu-container" style="display: table-cell; width: 70%; vertical-align: top; padding: 10px;"> | <div class="menu-container" style="display: table-cell; width: 70%; vertical-align: top; padding: 10px;"> | ||
<!-- Caixa de Menu --> | <!-- Caixa de Menu --> | ||
< | <section class="menu-box" | ||
style="border: 1px solid #ccc; border-radius: 8px; padding: 10px; background-color: #f9f9f9; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);"> | style="border: 1px solid #ccc; border-radius: 8px; padding: 10px; background-color: #f9f9f9; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);"> | ||
< | <h2 class="menu-box-title" | ||
style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | ||
Título do Menu | Título do Menu | ||
</ | </h2> | ||
<div class="menu-box-content"> | <div class="menu-box-content"> | ||
<!-- Conteúdo do Menu --> | |||
<div class="wiki-row-container"> | <div class="wiki-row-container"> | ||
<!-- Exemplo de item do menu --> | |||
<div class="wiki-row-item"> | <div class="wiki-row-item"> | ||
<div class="wiki-row-image">[[File:Personagens_card.png|link=Personagens]]</div> | <div class="wiki-row-image">[[File:Personagens_card.png|link=Personagens]]</div> | ||
<div class="wiki-row-title">[[Personagens|PERSONAGENS]]</div> | <div class="wiki-row-title">[[Personagens|PERSONAGENS]]</div> | ||
</div> | </div> | ||
<!-- Repetir para outros itens --> | |||
<!-- | |||
</div> | </div> | ||
</div> | </div> | ||
</section> | |||
<!-- Caixa de Índice --> | <!-- Caixa de Índice --> | ||
< | <nav class="indice-box" | ||
style="border: 1px solid #ccc; border-radius: 8px; padding: 10px; background-color: #f4f4f4; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); margin-top: 10px;"> | style="border: 1px solid #ccc; border-radius: 8px; padding: 10px; background-color: #f4f4f4; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); margin-top: 10px;"> | ||
< | <h2 class="indice-box-title" | ||
style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | ||
Índice | Índice | ||
</ | </h2> | ||
<div class="indice-box-content"> | <div class="indice-box-content"> | ||
<!-- Lista do | <!-- Lista do Índice --> | ||
<ul style="list-style: none; padding: 0; margin: 0;"> | <ul style="list-style: none; padding: 0; margin: 0;"> | ||
<li style="margin: 5px 0;"><a href="# | <li style="margin: 5px 0;"><a href="#secao1" | ||
style="text-decoration: none; color: #0073e6;">Seção 1</a></li> | style="text-decoration: none; color: #0073e6;">Seção 1</a></li> | ||
<li style="margin: 5px 0;"><a href="# | <li style="margin: 5px 0;"><a href="#secao2" | ||
style="text-decoration: none; color: #0073e6;">Seção 2</a></li> | style="text-decoration: none; color: #0073e6;">Seção 2</a></li> | ||
<li style="margin: 5px 0;"><a href="# | <li style="margin: 5px 0;"><a href="#secao3" | ||
style="text-decoration: none; color: #0073e6;">Seção 3</a></li> | style="text-decoration: none; color: #0073e6;">Seção 3</a></li> | ||
<li style="margin: 5px 0;"><a href="# | <li style="margin: 5px 0;"><a href="#secao4" | ||
style="text-decoration: none; color: #0073e6;">Seção 4</a></li> | style="text-decoration: none; color: #0073e6;">Seção 4</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</ | </nav> | ||
</div> | </div> | ||
<!-- Coluna SideMenu --> | <!-- Coluna SideMenu (30% de largura) --> | ||
<div class="sidemenu-container" | <div class="sidemenu-container" | ||
style="display: table-cell; width: 30%; vertical-align: top; padding: 10px;"> | style="display: table-cell; width: 30%; vertical-align: top; padding: 10px;"> | ||
<!-- Caixa de Eventos --> | <!-- Caixa de Eventos --> | ||
< | <article class="event-box" | ||
style="border: 1px solid #ccc; border-radius: 8px; padding: 10px; background-color: #f9f9f9; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);"> | style="border: 1px solid #ccc; border-radius: 8px; padding: 10px; background-color: #f9f9f9; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);"> | ||
< | <h2 class="event-box-title" | ||
style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | style="font-weight: bold; text-align: center; padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px;"> | ||
Título do Evento | Título do Evento | ||
</ | </h2> | ||
<div class="event-box-content"> | <div class="event-box-content"> | ||
<!-- Conteúdo dos Eventos --> | |||
{{#widget:GlobalEventTimer}} | {{#widget:GlobalEventTimer}} | ||
{{#widget:WorldBossTimer}} | {{#widget:WorldBossTimer}} | ||
{{#widget:RankedTimer}} | {{#widget:RankedTimer}} | ||
</div> | </div> | ||
</ | </article> | ||
</div> | </div> | ||
