Mudanças entre as edições de "Usuário:Gurren1"
Ir para navegação
Ir para pesquisar
| Linha 9: | Linha 9: | ||
<!-- Caixa de Menu --> | <!-- Caixa de Menu --> | ||
<div class="menu-box" | <div class="menu-box" | ||
style="border: 1px solid #e0e0e0; border-radius: 12px; padding: 0; background-color: #ffffff; box-shadow: 0 | style="border: 1px solid #e0e0e0; border-radius: 12px; padding: 0; background-color: #ffffff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;"> | ||
<div class="menu-box-title" | <div class="menu-box-title" | ||
style="font-weight: bold; text-align: center; padding: | style="font-weight: bold; text-align: center; padding: 16px; background: linear-gradient(135deg, #0073e6, #0047ab); color: #ffffff; font-size: 1.3em; border-bottom: 1px solid rgba(255, 255, 255, 0.2);"> | ||
Título do Menu | Título do Menu | ||
</div> | </div> | ||
<div class="menu-box-content" style="padding: | <div class="menu-box-content" style="padding: 20px;"> | ||
<!-- Conteúdo do Menu --> | <!-- Conteúdo do Menu --> | ||
<div class="wiki-row-container"> | <div class="wiki-row-container"> | ||
<!-- Exemplo de item do menu --> | <!-- 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> | style="display: flex; align-items: center; margin-bottom: 15px; padding: 10px; border-radius: 8px; background-color: #f9f9f9; transition: background-color 0.3s ease;"> | ||
<div class="wiki-row-title">[[Personagens|PERSONAGENS]]</div> | <div class="wiki-row-image" style="margin-right: 10px;"> | ||
[[File:Personagens_card.png|link=Personagens|50px]]</div> | |||
<div class="wiki-row-title" style="font-weight: bold;">[[Personagens|PERSONAGENS]]</div> | |||
</div> | </div> | ||
<!-- Repetir para outros itens --> | <!-- Repetir para outros itens --> | ||
| Linha 29: | Linha 31: | ||
<!-- Caixa de Índice --> | <!-- Caixa de Índice --> | ||
<div class="indice-box" | <div class="indice-box" | ||
style="border: 1px solid #e0e0e0; border-radius: 12px; padding: 0; background-color: #ffffff; box-shadow: 0 | style="border: 1px solid #e0e0e0; border-radius: 12px; padding: 0; background-color: #ffffff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); margin-top: 20px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;"> | ||
<div class="indice-box-title" | <div class="indice-box-title" | ||
style="font-weight: bold; text-align: center; padding: | style="font-weight: bold; text-align: center; padding: 16px; background: linear-gradient(135deg, #0073e6, #0047ab); color: #ffffff; font-size: 1.3em; border-bottom: 1px solid rgba(255, 255, 255, 0.2);"> | ||
Índice | Índice | ||
</div> | </div> | ||
<div class="indice-box-content" style="padding: | <div class="indice-box-content" style="padding: 20px;"> | ||
<!-- Lista do Índice --> | <!-- Lista do Índice --> | ||
<ul style="list-style: none; padding: 0; margin: 0;"> | |||
<li style="margin: 10px 0;"> | |||
<a href="#secao1" | |||
style="text-decoration: none; color: #0073e6; font-weight: bold; display: block; padding: 8px; border-radius: 6px; transition: background-color 0.3s ease;"> | |||
Seção 1 | |||
</a> | |||
</li> | |||
<li style="margin: 10px 0;"> | |||
<a href="#secao2" | |||
style="text-decoration: none; color: #0073e6; font-weight: bold; display: block; padding: 8px; border-radius: 6px; transition: background-color 0.3s ease;"> | |||
Seção 2 | |||
</a> | |||
</li> | |||
<li style="margin: 10px 0;"> | |||
<a href="#secao3" | |||
style="text-decoration: none; color: #0073e6; font-weight: bold; display: block; padding: 8px; border-radius: 6px; transition: background-color 0.3s ease;"> | |||
Seção 3 | |||
</a> | |||
</li> | |||
<li style="margin: 10px 0;"> | |||
<a href="#secao4" | |||
style="text-decoration: none; color: #0073e6; font-weight: bold; display: block; padding: 8px; border-radius: 6px; transition: background-color 0.3s ease;"> | |||
Seção 4 | |||
</a> | |||
</li> | |||
</ul> | |||
</div> | </div> | ||
</div> | </div> | ||
| Linha 50: | Linha 74: | ||
<!-- Caixa de Eventos --> | <!-- Caixa de Eventos --> | ||
<div class="event-box" | <div class="event-box" | ||
style="border: 1px solid #e0e0e0; border-radius: 12px; padding: 0; background-color: #ffffff; box-shadow: 0 | style="border: 1px solid #e0e0e0; border-radius: 12px; padding: 0; background-color: #ffffff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease;"> | ||
<div class="event-box-title" | <div class="event-box-title" | ||
style="font-weight: bold; text-align: center; padding: | style="font-weight: bold; text-align: center; padding: 16px; background: linear-gradient(135deg, #0073e6, #0047ab); color: #ffffff; font-size: 1.3em; border-bottom: 1px solid rgba(255, 255, 255, 0.2);"> | ||
Título do Evento | Título do Evento | ||
</div> | </div> | ||
<div class="event-box-content" style="padding: | <div class="event-box-content" style="padding: 20px;"> | ||
{{#widget:GlobalEventTimer}} | {{#widget:GlobalEventTimer}} | ||
{{#widget:WorldBossTimer}} | {{#widget:WorldBossTimer}} | ||
